/* Boréal Acquisition — colour tokens.
   Raw palette first, then semantic aliases. Direction: "Aurore Premium".
   Light surfaces dominate (~70%); polar-night grounds hero/footer accents. */
:root {
  /* ---- Raw palette (from the brand charter) ---- */
  --color-polar-night: #0B1020;   /* Nuit polaire — dark ground, primary ink, footer */
  --color-boreal-blue: #1D4ED8;   /* Bleu boréal — primary action, links, focus accent */
  --color-aurora-mint: #2DD4BF;   /* Vert aurora — decoration / accent on dark only */
  --color-ice: #DDF4FF;           /* Glace — light cards, alt sections, tags */
  --color-snow: #F9FBFF;          /* Blanc lumière — primary light page ground */
  --color-white: #FFFFFF;

  /* ---- Extended neutrals & functional ---- */
  --color-ink-secondary: #36516B; /* muted body / captions on light */
  --color-ink-tertiary: #6B7E92;  /* faint meta text */
  --color-line: #DDE5ED;          /* hairline borders on light */
  --color-line-strong: #C4D2E0;
  --color-dark-raised: #14233D;   /* raised surface on polar-night */
  --color-dark-line: #243650;     /* hairline borders on dark */

  --color-primary-hover: #153DB1; /* boréal blue, pressed/hover */
  --color-primary-soft: #EAF0FF;  /* tinted primary surface */
  --color-mint-accessible: #167D74; /* ~5:1 on snow — mint for text/links on light */
  --color-mint-soft: #E4FBF6;     /* tinted mint surface */

  /* ---- Semantic status ---- */
  --color-error: #B42318;
  --color-error-soft: #FEF0EE;
  --color-success: #146C43;
  --color-success-soft: #E7F4EC;
  --color-warning: #925D13;
  --color-warning-soft: #FBF2E2;
  --color-info: #1D4ED8;
  --color-info-soft: #EAF0FF;

  /* ---- Gradients (aurora signature — use sparingly) ---- */
  --gradient-aurora: linear-gradient(130deg, #2DD4BF 0%, #1D4ED8 70%); /* @kind color */
  --gradient-aurora-soft: linear-gradient(130deg, #E4FBF6 0%, #EAF0FF 100%); /* @kind color */
  --gradient-hairline: linear-gradient(90deg, #2DD4BF, #1D4ED8); /* @kind color */
  --gradient-night: linear-gradient(160deg, #0B1020 0%, #14233D 100%); /* @kind color */

  /* ---- Semantic aliases (prefer these in components) ---- */
  --bg-page: var(--color-snow);
  --bg-surface: var(--color-white);
  --bg-surface-alt: var(--color-ice);
  --bg-dark: var(--color-polar-night);
  --bg-dark-raised: var(--color-dark-raised);

  --text-primary: var(--color-polar-night);
  --text-secondary: var(--color-ink-secondary);
  --text-tertiary: var(--color-ink-tertiary);
  --text-inverse: var(--color-snow);
  --text-inverse-muted: #A9BBD0;
  --text-link: var(--color-boreal-blue);
  --text-link-hover: var(--color-primary-hover);

  --action-primary: var(--color-boreal-blue);
  --action-primary-hover: var(--color-primary-hover);
  --accent-on-light: var(--color-mint-accessible);
  --accent-on-dark: var(--color-aurora-mint);

  --border-default: var(--color-line);
  --border-strong: var(--color-line-strong);
  --border-dark: var(--color-dark-line);
  --focus-ring: var(--color-aurora-mint);
}
