/* ===========================================================================
   Bachelet Group — Color tokens
   Derived from the corporate deck. Deep navy + brand blue, cool light-blue
   tints, slate neutrals, and a rare gold accent.
   =========================================================================== */
:root {
  /* --- Brand navy (primary dark) --- */
  --navy-900: #0a1230;
  --navy-800: #111b3d;   /* core brand navy — headings, dark surfaces */
  --navy-700: #1b2a52;
  --navy-600: #28396b;

  /* --- Brand blue (primary action / accent) --- */
  --blue-700: #1559a0;
  --blue-600: #1d71b8;   /* core brand blue — buttons, links, icons */
  --blue-500: #2e86d8;
  --blue-400: #6fa8dc;

  /* --- Cool light-blue tints (surfaces, fills) --- */
  --blue-200: #bbd2ea;
  --blue-150: #d9e6f2;
  --blue-100: #e4f3ff;
  --blue-75:  #e8f1fb;
  --blue-50:  #f2f8fe;

  /* --- Slate neutrals (body & muted text, lines) --- */
  --slate-700: #3a4159;
  --slate-600: #4a5168;
  --slate-500: #5a627f;  /* muted body text */
  --slate-400: #9aa2b5;
  --slate-300: #9fb2c9;
  --slate-200: #c9d6ea;

  /* --- Accent (use sparingly — highlights, "warm" call-outs) --- */
  --gold-500: #e8a33d;

  /* --- Mono --- */
  --white: #ffffff;
  --black: #000000;

  /* ===================== Semantic aliases ===================== */
  /* Surfaces */
  --color-bg: var(--white);
  --color-bg-soft: var(--blue-50);
  --surface-card: var(--white);
  --surface-muted: var(--blue-75);
  --surface-navy: var(--navy-800);
  --surface-navy-soft: var(--navy-700);

  /* Text */
  --text-strong: var(--navy-800);
  --text-body: var(--slate-600);
  --text-muted: var(--slate-500);
  --text-inverse: var(--white);
  --text-inverse-soft: var(--blue-200);
  --text-link: var(--blue-600);

  /* Primary action */
  --color-primary: var(--blue-600);
  --color-primary-hover: var(--blue-700);
  --color-primary-active: var(--navy-700);
  --color-on-primary: var(--white);

  /* Accents */
  --color-accent: var(--gold-500);

  /* Lines & borders */
  --border-subtle: var(--blue-150);
  --border-default: var(--slate-200);
  --border-strong: var(--slate-300);
  --border-on-navy: rgba(255, 255, 255, 0.16);

  /* Focus ring */
  --focus-ring: rgba(29, 113, 184, 0.45);
}