/* Bastani Security — Colour tokens
   "The shield is always blue." Blue is dominant; gold is the spark, never a second main colour. */
:root {
  /* ---- Brand palette (base) ---- */
  --blue-primary: #185fa5; /* Buttons, links, key accents */
  --blue-deep: #0c447c; /* Hover, depth, emphasis */
  --blue-light: #378add; /* Gradients, highlights */
  --blue-sky: #e6f1fb; /* Soft fills, icon chips */

  --ink: #16222e; /* Headings & body text */
  --slate: #5b6470; /* Secondary text */
  --hairline: #e7eaef; /* Borders & dividers */
  --white: #ffffff; /* Page background */

  --gold: #e0a526; /* Accent — used sparingly */

  /* Soft hero gradient stops — blue-led, warm tail, top band only */
  --hero-grad-blue: #cfe3f9;
  --hero-grad-mid: #f6fafe;
  --hero-grad-gold: #fbf1dc;

  /* ---- Tints / derived ---- */
  --blue-sky-deep: #d4e6f8; /* hover for sky chips */
  --gold-soft: #f7eacb; /* soft gold fill for badges */
  --ink-80: rgba(22, 34, 46, 0.8);
  --ink-08: rgba(22, 34, 46, 0.08);

  /* ---- Semantic aliases ---- */
  --text-heading: var(--ink);
  --text-body: var(--ink);
  --text-secondary: var(--slate);
  --text-on-blue: var(--white);
  --text-link: var(--blue-primary);

  --surface-page: var(--white);
  --surface-card: var(--white);
  --surface-soft: var(--blue-sky);
  --surface-blue: var(--blue-primary);

  --border-hairline: var(--hairline);
  --border-strong: #d4d9e0;

  --accent: var(--blue-primary);
  --accent-hover: var(--blue-deep);
  --accent-spark: var(--gold);

  --focus-ring: rgba(24, 95, 165, 0.35);

  /* Status (kept blue-family / warm so the palette stays calm) */
  --success: #2f8f5b;
  --warning: var(--gold);
  --danger: #c0492f;
}