/**
 * NNL Corporate Design color tokens.
 *
 * Values and family/foreground assignments per docs/design-system.md §3.
 * Every color pairs with a FIXED foreground (black or white) per the CD
 * manual's own binding assignment — never compute contrast at runtime.
 * Source: user-reviewed NNL CD manual color pages (2026-09-28), not yet
 * cross-checked by Claude against a primary PDF — see docs/design-system.md
 * header note. Still PENDING: official signet/dialog-element assets.
 */

:root {
  /* ---- Blue / turquoise family ---- */
  --nnl-blue-light: #abc6d1;
  --nnl-blue-light-fg: #000000;
  --nnl-blue-medium: #205b7d;
  --nnl-blue-medium-fg: #ffffff;
  --nnl-blue-dark: #002c50;
  --nnl-blue-dark-fg: #ffffff;
  --nnl-sky-blue: #cce9f3;
  --nnl-sky-blue-fg: #000000;

  --nnl-spot-light-blue: #68b1dc;
  --nnl-spot-light-blue-fg: #000000;
  --nnl-spot-blue: #23538a;
  --nnl-spot-blue-fg: #ffffff;

  --nnl-turquoise-light: #96cfc1;
  --nnl-turquoise-light-fg: #000000;
  --nnl-turquoise-medium: #33b4a7;
  --nnl-turquoise-medium-fg: #000000;
  --nnl-spot-turquoise: #0098ac;
  --nnl-spot-turquoise-fg: #ffffff;
  --nnl-spot-blue-gray: #a5c5b5;
  --nnl-spot-blue-gray-fg: #000000;

  /* ---- Green family ---- */
  --nnl-khaki-light: #719751;
  --nnl-khaki-light-fg: #000000;
  --nnl-khaki: #576749;
  --nnl-khaki-fg: #ffffff;

  --nnl-green-yellow-light: #b4c897;
  --nnl-green-yellow-light-fg: #000000;
  --nnl-green-yellow: #80933a;
  --nnl-green-yellow-fg: #ffffff;
  --nnl-green-yellow-dark: #446428;
  --nnl-green-yellow-dark-fg: #ffffff;

  --nnl-spot-yellow-green: #fcec45;
  --nnl-spot-yellow-green-fg: #000000;
  --nnl-spot-green: #a3c95c;
  --nnl-spot-green-fg: #000000;
  --nnl-spot-dark-green: #009553;
  --nnl-spot-dark-green-fg: #ffffff;

  /* ---- Yellow / orange / beige family ---- */
  --nnl-brown: #a06039;
  --nnl-brown-fg: #ffffff;

  --nnl-spot-yellow-orange: #f9b342;
  --nnl-spot-yellow-orange-fg: #000000;
  --nnl-spot-yellow: #ffde14;
  --nnl-spot-yellow-fg: #000000;
  --nnl-spot-orange: #f07f3c;
  --nnl-spot-orange-fg: #000000;

  --nnl-orange-light: #f6a654;
  --nnl-orange-light-fg: #000000;
  --nnl-yellow-medium: #ffe37e;
  --nnl-yellow-medium-fg: #000000;

  --nnl-beige-dark: #b28343;
  --nnl-beige-dark-fg: #000000;
  --nnl-beige: #c9aa53;
  --nnl-beige-fg: #000000;
  --nnl-beige-light: #dcc6a3;
  --nnl-beige-light-fg: #000000;

  /* ---- Red / violet family ---- */
  --nnl-aubergine: #962e45;
  --nnl-aubergine-fg: #ffffff;
  --nnl-spot-magenta: #d73e6a;
  --nnl-spot-magenta-fg: #ffffff;
  --nnl-aubergine-light: #d093a8;
  --nnl-aubergine-light-fg: #000000;

  --nnl-spot-red: #d63146;
  --nnl-spot-red-fg: #ffffff;
  --nnl-red-light: #ec607b;
  --nnl-red-light-fg: #000000;
  --nnl-pink: #f18fa2;
  --nnl-pink-fg: #000000;

  --nnl-spot-violet: #83406f;
  --nnl-spot-violet-fg: #ffffff;
  --nnl-violet-medium: #7c749f;
  --nnl-violet-medium-fg: #ffffff;
  --nnl-lilac-light: #bdabc6;
  --nnl-lilac-light-fg: #000000;

  /* ---- Application-level semantic mapping (APPLICATION_DESIGN) ----
     Chosen from the palette above for this site's own UI needs. NOT an
     NNL-mandated semantic mapping — see docs/design-system.md §3. Status
     communication must still pair color with icon/text, never color alone. */
  --color-primary: var(--nnl-green-yellow-dark);
  --color-primary-fg: var(--nnl-green-yellow-dark-fg);
  --color-accent: var(--nnl-spot-orange);
  --color-accent-fg: var(--nnl-spot-orange-fg);
  --color-background: #ffffff;
  --color-surface: var(--nnl-beige-light);
  --color-surface-fg: var(--nnl-beige-light-fg);
  --color-text: #112111; /* CD manual: black on white preferred for readability */
  --color-text-muted: #4d4d4d;
  --color-border: #d9d9d4;

  --color-alert-information: var(--nnl-spot-blue);
  --color-alert-information-fg: var(--nnl-spot-blue-fg);
  --color-alert-warning: var(--nnl-spot-yellow-orange);
  --color-alert-warning-fg: var(--nnl-spot-yellow-orange-fg);
  --color-alert-critical: var(--nnl-spot-red);
  --color-alert-critical-fg: var(--nnl-spot-red-fg);

  --color-focus-ring: var(--nnl-spot-blue);
}

/* No dark-mode variant defined: the CD manual specifies fixed foreground
   pairings per color (docs/design-system.md §3), which a media-query-driven
   background swap would silently violate. Until an explicit dark-mode design
   decision is made, the site renders in the single CD-documented mode. */