/* IncWorx theme, derived from the incworx-logo palette + brand navy.

   Loaded after fig.css via FIGCLAW_DEPLOYMENT_THEME_CSS (settings.py defaults it
   per deployment). Deployment-owned: NOT part of the synced design system.

   Structure mirrors theme-vertech.css: BRAND PALETTES (`--iw-*`) are the single
   source of truth; the design system's primitive ramps (`--fig-color-*`) are
   pointed at them via var(). Re-theme = swap the `--iw-*` block.

   Source colors:
     light blue #0D8DD3 (logo)  ->  primary  (emphasis: buttons, active nav)
     green      #06C4A0 (logo)  ->  accent   (links, focus, filled accents)
     dark blue  #0D2F54 (brand) ->  secondary (secondary emphasis) + light-mode wordmark
   Neutrals: cool slate (light) re-mapped to navy-charcoal under [data-theme=dark].
   White text on the blue/navy emphasis (both dark enough). */

:root {
  /* ════════ Brand palettes, single source of truth ════════ */

  /* Light blue, anchor #0D8DD3 (logo) */
  --iw-blue-000: #eef7fc;
  --iw-blue-100: #d3eaf7;
  --iw-blue-200: #a3d4ee;
  --iw-blue-300: #6ebbe5;
  --iw-blue-400: #39a2db;
  --iw-blue-500: #0d8dd3;
  --iw-blue-600: #0b76b1;
  --iw-blue-700: #095d8b;
  --iw-blue-800: #064465;
  --iw-blue-900: #042d44;

  /* Green, anchor #06C4A0 (logo) */
  --iw-green-000: #eefbf8;
  --iw-green-100: #d2f4ee;
  --iw-green-200: #a0e9db;
  --iw-green-300: #6adcc6;
  --iw-green-400: #33cfb1;
  --iw-green-500: #06c4a0;
  --iw-green-600: #05a586;
  --iw-green-700: #04816a;
  --iw-green-800: #035e4d;
  --iw-green-900: #023f33;

  /* Dark blue / navy, anchor #0D2F54 (brand) */
  --iw-navy-000: #eef0f3;
  --iw-navy-100: #d3dae0;
  --iw-navy-200: #a3b0be;
  --iw-navy-300: #6e8298;
  --iw-navy-400: #395473;
  --iw-navy-500: #0d2f54;
  --iw-navy-600: #0b2747;
  --iw-navy-700: #091f37;
  --iw-navy-800: #061728;
  --iw-navy-900: #040f1b;

  /* Slate, LIGHT-mode neutrals (cool gray) */
  --iw-slate-000: #f8fafc;
  --iw-slate-100: #f1f5f9;
  --iw-slate-200: #e6ebf1;
  --iw-slate-300: #d3dce6;
  --iw-slate-400: #a9b6c6;
  --iw-slate-500: #6b7c92;
  --iw-slate-600: #526074;
  --iw-slate-700: #3d4a5c;
  --iw-slate-800: #2a3444;
  --iw-slate-900: #1a2230;

  /* Navy charcoal, DARK-mode neutrals */
  --iw-navyk-000: #eef2f7;
  --iw-navyk-100: #dbe3ec;
  --iw-navyk-200: #b7c4d4;
  --iw-navyk-300: #8595ab;
  --iw-navyk-400: #5a6a80;
  --iw-navyk-500: #3f4e63;
  --iw-navyk-600: #2c3b4f;
  --iw-navyk-700: #1f2c3d;
  --iw-navyk-800: #16212f;
  --iw-navyk-900: #0d1826;

  /* Six categorical domain-pill slots, spread across the three brand hues + slate */
  --iw-domain-1-bg: var(--iw-blue-100);  --iw-domain-1-fg: var(--iw-blue-700);
  --iw-domain-2-bg: var(--iw-green-100); --iw-domain-2-fg: var(--iw-green-700);
  --iw-domain-3-bg: var(--iw-navy-100);  --iw-domain-3-fg: var(--iw-navy-700);
  --iw-domain-4-bg: var(--iw-blue-200);  --iw-domain-4-fg: var(--iw-blue-900);
  --iw-domain-5-bg: var(--iw-green-200); --iw-domain-5-fg: var(--iw-green-800);
  --iw-domain-6-bg: var(--iw-slate-200); --iw-domain-6-fg: var(--iw-slate-800);

  /* ════════ Map the design system to the brand SSOT ════════ */
  --fig-domain-1-bg: var(--iw-domain-1-bg); --fig-domain-1-fg: var(--iw-domain-1-fg);
  --fig-domain-2-bg: var(--iw-domain-2-bg); --fig-domain-2-fg: var(--iw-domain-2-fg);
  --fig-domain-3-bg: var(--iw-domain-3-bg); --fig-domain-3-fg: var(--iw-domain-3-fg);
  --fig-domain-4-bg: var(--iw-domain-4-bg); --fig-domain-4-fg: var(--iw-domain-4-fg);
  --fig-domain-5-bg: var(--iw-domain-5-bg); --fig-domain-5-fg: var(--iw-domain-5-fg);
  --fig-domain-6-bg: var(--iw-domain-6-bg); --fig-domain-6-fg: var(--iw-domain-6-fg);

  /* Primary ← light blue (emphasis: primary buttons, active nav) */
  --fig-color-primary-000: var(--iw-blue-000);
  --fig-color-primary-100: var(--iw-blue-100);
  --fig-color-primary-200: var(--iw-blue-200);
  --fig-color-primary-300: var(--iw-blue-300);
  --fig-color-primary-400: var(--iw-blue-400);
  --fig-color-primary-500: var(--iw-blue-500);
  --fig-color-primary-600: var(--iw-blue-600);
  --fig-color-primary-700: var(--iw-blue-700);
  --fig-color-primary-800: var(--iw-blue-800);
  --fig-color-primary-900: var(--iw-blue-900);

  /* Accent ← green (links, focus, filled accents) */
  --fig-color-accent-000: var(--iw-green-000);
  --fig-color-accent-100: var(--iw-green-100);
  --fig-color-accent-200: var(--iw-green-200);
  --fig-color-accent-300: var(--iw-green-300);
  --fig-color-accent-400: var(--iw-green-400);
  --fig-color-accent-500: var(--iw-green-500);
  --fig-color-accent-600: var(--iw-green-600);
  --fig-color-accent-700: var(--iw-green-700);
  --fig-color-accent-800: var(--iw-green-800);
  --fig-color-accent-900: var(--iw-green-900);

  /* Secondary ← navy (secondary emphasis) */
  --fig-color-secondary-000: var(--iw-navy-000);
  --fig-color-secondary-100: var(--iw-navy-100);
  --fig-color-secondary-200: var(--iw-navy-200);
  --fig-color-secondary-300: var(--iw-navy-300);
  --fig-color-secondary-400: var(--iw-navy-400);
  --fig-color-secondary-500: var(--iw-navy-500);
  --fig-color-secondary-600: var(--iw-navy-600);
  --fig-color-secondary-700: var(--iw-navy-700);
  --fig-color-secondary-800: var(--iw-navy-800);
  --fig-color-secondary-900: var(--iw-navy-900);

  /* Neutral ← slate (LIGHT mode; re-mapped to navy-charcoal under [data-theme=dark]) */
  --fig-color-neutral-000: var(--iw-slate-000);
  --fig-color-neutral-100: var(--iw-slate-100);
  --fig-color-neutral-200: var(--iw-slate-200);
  --fig-color-neutral-300: var(--iw-slate-300);
  --fig-color-neutral-400: var(--iw-slate-400);
  --fig-color-neutral-500: var(--iw-slate-500);
  --fig-color-neutral-600: var(--iw-slate-600);
  --fig-color-neutral-700: var(--iw-slate-700);
  --fig-color-neutral-800: var(--iw-slate-800);
  --fig-color-neutral-900: var(--iw-slate-900);

  --fig-fg-on-emphasis: #ffffff;  /* white text on blue/navy emphasis */
}

/* DARK mode: re-map only the neutral ramp to navy-charcoal (per-mode split). */
[data-theme="dark"] {
  --fig-color-neutral-000: var(--iw-navyk-000);
  --fig-color-neutral-100: var(--iw-navyk-100);
  --fig-color-neutral-200: var(--iw-navyk-200);
  --fig-color-neutral-300: var(--iw-navyk-300);
  --fig-color-neutral-400: var(--iw-navyk-400);
  --fig-color-neutral-500: var(--iw-navyk-500);
  --fig-color-neutral-600: var(--iw-navyk-600);
  --fig-color-neutral-700: var(--iw-navyk-700);
  --fig-color-neutral-800: var(--iw-navyk-800);
  --fig-color-neutral-900: var(--iw-navyk-900);

  --fig-fg-on-emphasis: #ffffff;
}

/* Light-only: warm the card/nav surface to clean white, lighter than the slate
   page (000) for elevation. Dark mode surfaces are ramp-based (neutral-800/900). */
:root:not([data-theme="dark"]) {
  --fig-bg-subtle:        #ffffff;
  --fig-bg-overlay-glass: rgb(255 255 255 / 0.82);
}