/* Lingeva illustration tokens — Morgenlicht system (runtime copy)
   ─────────────────────────────────────────────────────────────────
   Vendored from the illustration kit (docs/illustration-kit/tokens.css).
   Every kit SVG paints with var(--il-*, <light fallback>); flipping the
   app's data-theme flips every asset ("evening register"). Load ONCE,
   AFTER src/styles/tokens.css, so --il-* sits alongside --dm-*.

   The kit ships only :root/[data-theme] blocks. The app always resolves
   the theme to a concrete data-theme ('system' → matchMedia → light|dark,
   settingsState.js) and never removes the attribute, so parity holds at
   runtime. The @media (prefers-color-scheme: dark) :root:not([data-theme])
   block at the bottom is the ONLY local extension — it mirrors the app's
   own tokens.css fallback exactly, so --il-* can never disagree with --dm-*
   even in the (non-occurring) state where data-theme is absent.
   Do not edit the artwork or hex values; only this parity block is added. */

:root, [data-theme="light"], .il-theme-light {
  --il-canvas-scene: #f3e6cb;     /* --dm-canvas, warmed scene backdrop */
  --il-spot-bg: #f6edda;          /* --dm-surface family, spot backdrop */
  --il-plane-far-1: #f5e9cf;      /* far wall, top of gradient */
  --il-plane-far-2: #eadbb6;      /* far wall, bottom of gradient */
  --il-plane-recess: #e5d0a4;     /* alcoves / recessed zones */
  --il-sky-1: #f9ecce;            /* window sky, top */
  --il-sky-2: #fdf7e9;            /* window sky, horizon glow */
  --il-skyline-1: #e7d2ab;        /* far rooftops through glass */
  --il-skyline-2: #dfc494;        /* near rooftop band */
  --il-glow: #f2cd7e;             /* --dm-brass-hover (dark) — sun disc, lamp light */
  --il-glow-halo: #f6d68a;        /* --dm-brass (dark) — halo gradients */
  --il-beam: #fff3d8;             /* light shafts, floor pools */
  --il-ray: #f4e3c4;              /* spot fan rays */
  --il-floor: #dbc69e;            /* interior floor plane */
  --il-wood-1: #c99d63;           /* mid wood (counters, shelves) */
  --il-wood-2: #a97e48;           /* wood shade / boards */
  --il-wood-3: #8a6234;           /* deep wood (slabs, sills) */
  --il-frame: #6d4b28;            /* STATIC — window frames, case lids */
  --il-umber: #4a3a2c;            /* STATIC — facial features, silhouettes, cords */
  --il-fg-deep: #5a462f;          /* foreground plane (tables, framing) */
  --il-bread-1: #c98f52;          /* bread / warm object 1 */
  --il-bread-2: #b0834e;          /* bread / warm object 2 (pretzels) */
  --il-bread-3: #d3a468;          /* bread / warm object 3 */
  --il-bread-4: #a5713c;          /* bread / warm object 4, croissant shade */
  --il-bread-hi: #e8c186;         /* crust highlight crescents */
  --il-kraft: #d9ae74;            /* STATIC — kraft paper, bags */
  --il-kraft-2: #c49257;          /* STATIC — kraft shade / rolled tops */
  --il-paper: #fdf9f0;            /* porcelain, paper objects */
  --il-paper-2: #e3d5bb;          /* porcelain / paper shade */
  --il-interior-case: #fdf6e6;    /* lit display interiors */
  --il-tray: #c9a869;             /* tray lines, case fittings */
  --il-glass: #ffffff;            /* STATIC — glass shine (always low opacity) */
  --il-line: #d4cab8;             /* --dm-line-2 — abstract text bars */
  --il-skin-1: #f0d9bd;           /* skin tone 1 */
  --il-skin-1-sh: #d9b992;        /* skin tone 1 shade */
  --il-skin-2: #e2bb90;           /* skin tone 2 */
  --il-skin-2-sh: #c99a6b;        /* skin tone 2 shade */
  --il-hair-1: #241d17;           /* dark hair (lifted on dark canvas) */
  --il-hair-2: #7d6a55;           /* brown / greying hair */
  --il-hair-hi: #a08a6e;          /* hair highlight sweep */
  --il-sage: #6d8a52;             /* --dm-ok — garments, laurels */
  --il-sage-2: #55703f;           /* sage shade */
  --il-clay: #b8523f;             /* --dm-danger — garments, accents */
  --il-clay-2: #9c4534;           /* STATIC — clay shade, lips, collars */
  --il-cream: #ecd0a0;            /* textiles (scarves, aprons) */
  --il-tan: #caa06b;              /* canvas bags, satchels */
  --il-brass: #c4924a;            /* --dm-brass VERBATIM — goldene Faden, sparks */
  --il-inkdeep: #2b2a35;          /* --dm-ink-deep — smart garments */
  --il-inkdeep-2: #3b4063;        /* ink-deep collar / lift */
  --il-inkdeep-sh: #1f1e28;       /* ink-deep shade */
  --il-indigo: #5a6da6;           /* --dm-info — U-Bahn signage, cool accents */
  --il-bloom: #c0392b;            /* geranium blooms, small warm-red accents */
  --il-shadow: #3e3227;           /* soft shadows, vignette edge */
  --il-ink-accent: #1c1815;       /* --dm-ink — card-variant selective contour ONLY */
  --il-shirt: #f6ead2;            /* warm white shirts / aprons base */
  --il-card-halo: #f2dfb4;        /* card-variant halo disc */
  --il-kraft-3: #b98d5c;          /* STATIC — kraft deep shade */
  --il-clay-3: #8a3c2c;           /* STATIC — deepest clay (straps, collar shade) */
  --il-brass-2: #b07f3a;          /* --dm-brass-hover — seal ribbons, brass shade */
  --il-glass-text: #4a3a2c;       /* environmental German lettering on glass (flips to ink) */
  --il-mote: #fff6e2;             /* dust motes in beams */
}

[data-theme="dark"], .il-theme-dark {
  --il-canvas-scene: #1a150e;
  --il-spot-bg: #1c1814;
  --il-plane-far-1: #2b2318;
  --il-plane-far-2: #201a11;
  --il-plane-recess: #2e2416;
  --il-sky-1: #4a3620;
  --il-sky-2: #8a6234;
  --il-skyline-1: #3a2d1c;
  --il-skyline-2: #4a3824;
  --il-glow: #e0b370;
  --il-glow-halo: #d4a55e;
  --il-beam: #e0b370;
  --il-ray: #3a2d18;
  --il-floor: #1e1811;
  --il-wood-1: #6d5433;
  --il-wood-2: #5e4728;
  --il-wood-3: #7a5c30;
  --il-frame: #6d4b28;
  --il-umber: #4a3a2c;
  --il-fg-deep: #241c12;
  --il-bread-1: #9c6e3a;
  --il-bread-2: #a5834e;
  --il-bread-3: #b0834e;
  --il-bread-4: #6d4b28;
  --il-bread-hi: #c49257;
  --il-kraft: #d9ae74;
  --il-kraft-2: #c49257;
  --il-paper: #e8e0cf;
  --il-paper-2: #c2b598;
  --il-interior-case: #33291a;
  --il-tray: #55401f;
  --il-glass: #ffffff;
  --il-line: #3a322a;
  --il-skin-1: #dcc09a;
  --il-skin-1-sh: #b99872;
  --il-skin-2: #c9a06e;
  --il-skin-2-sh: #a57d4e;
  --il-hair-1: #382d20;
  --il-hair-2: #8a7660;
  --il-hair-hi: #b6a084;
  --il-sage: #7d9660;
  --il-sage-2: #5e7346;
  --il-clay: #c25c46;
  --il-clay-2: #9c4534;
  --il-cream: #d4b380;
  --il-tan: #b08a55;
  --il-brass: #d4a55e;
  --il-inkdeep: #3b4063;
  --il-inkdeep-2: #5a6da6;
  --il-inkdeep-sh: #2b2a35;
  --il-indigo: #8a9bd0;
  --il-bloom: #b0392e;
  --il-shadow: #000000;
  --il-ink-accent: #ece5d6;
  --il-shirt: #d8cdb4;
  --il-card-halo: #3a2f1e;
  --il-kraft-3: #b98d5c;
  --il-clay-3: #8a3c2c;
  --il-brass-2: #c4924a;
  --il-glass-text: #ece5d6;
  --il-mote: #e8c48a;
}

/* ── Theme-parity fallback (LOCAL EXTENSION) ─────────────────────────
   Mirrors src/styles/tokens.css's own @media (prefers-color-scheme: dark)
   :root:not([data-theme]) block. At runtime the app always sets data-theme,
   so this never fires — it exists only so --il-* tracks --dm-* if the
   attribute is ever absent under an OS dark preference. Values = the
   [data-theme="dark"] block above, verbatim. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --il-canvas-scene: #1a150e;
    --il-spot-bg: #1c1814;
    --il-plane-far-1: #2b2318;
    --il-plane-far-2: #201a11;
    --il-plane-recess: #2e2416;
    --il-sky-1: #4a3620;
    --il-sky-2: #8a6234;
    --il-skyline-1: #3a2d1c;
    --il-skyline-2: #4a3824;
    --il-glow: #e0b370;
    --il-glow-halo: #d4a55e;
    --il-beam: #e0b370;
    --il-ray: #3a2d18;
    --il-floor: #1e1811;
    --il-wood-1: #6d5433;
    --il-wood-2: #5e4728;
    --il-wood-3: #7a5c30;
    --il-frame: #6d4b28;
    --il-umber: #4a3a2c;
    --il-fg-deep: #241c12;
    --il-bread-1: #9c6e3a;
    --il-bread-2: #a5834e;
    --il-bread-3: #b0834e;
    --il-bread-4: #6d4b28;
    --il-bread-hi: #c49257;
    --il-kraft: #d9ae74;
    --il-kraft-2: #c49257;
    --il-paper: #e8e0cf;
    --il-paper-2: #c2b598;
    --il-interior-case: #33291a;
    --il-tray: #55401f;
    --il-glass: #ffffff;
    --il-line: #3a322a;
    --il-skin-1: #dcc09a;
    --il-skin-1-sh: #b99872;
    --il-skin-2: #c9a06e;
    --il-skin-2-sh: #a57d4e;
    --il-hair-1: #382d20;
    --il-hair-2: #8a7660;
    --il-hair-hi: #b6a084;
    --il-sage: #7d9660;
    --il-sage-2: #5e7346;
    --il-clay: #c25c46;
    --il-clay-2: #9c4534;
    --il-cream: #d4b380;
    --il-tan: #b08a55;
    --il-brass: #d4a55e;
    --il-inkdeep: #3b4063;
    --il-inkdeep-2: #5a6da6;
    --il-inkdeep-sh: #2b2a35;
    --il-indigo: #8a9bd0;
    --il-bloom: #b0392e;
    --il-shadow: #000000;
    --il-ink-accent: #ece5d6;
    --il-shirt: #d8cdb4;
    --il-card-halo: #3a2f1e;
    --il-kraft-3: #b98d5c;
    --il-clay-3: #8a3c2c;
    --il-brass-2: #c4924a;
    --il-glass-text: #ece5d6;
    --il-mote: #e8c48a;
  }
}