/* ════════════════════════════════════════════════════════════════════════
   THEME-LIGHT — warm-paper / daytime variant  (ADDITIVE · NON-BREAKING)
   ────────────────────────────────────────────────────────────────────────
   Opt-IN: add  class="theme-light"  to <body>.  Dark stays the default —
   load this file AFTER skeleton.css and only the .theme-light page changes.
   It overrides ONLY the handful of things skeleton.css hard-codes for dark
   (the vignette, the neon aurora, the white-translucent fills). Everything
   else is already var()-driven, so the SAME 6/7 knobs re-skin a light page.

   HOW TO USE (per CRAFT.md §3):
     <body class="theme-light">
       <link rel="stylesheet" href="skeleton.css">
       <link rel="stylesheet" href="theme-light.css">
     and inline the :root preset below (then swap the ONE accent + fonts).

   ┌──────────────────────────────────────────────────────────────────────┐
   │  COPY-PASTE :root PRESET — warm-paper light  (the 6 + 7th knob)        │
   │  (paste into the page's inline <style>, exactly like the v1/v2/v3      │
   │   dark blocks; then change knob 1 + the font pair per client)          │
   └──────────────────────────────────────────────────────────────────────┘
   :root{
     | 1 · ACCENT / glow — the ONE accent (swap per client) |
     --accent:#c2410c; --accent-2:#d97706; --accent-3:#9a3412;
     | 2 · NEUTRAL ramp — WARM PAPER bg + near-black WARM ink |
     --bg:#faf7f2; --text:#241c15; --text-dim:#6f6253;
     | 3 · FONT pair (editorial serif display + clean sans body) |
     --font-display:"Fraunces",Georgia,serif; --font-body:"Inter",system-ui,sans-serif;
     | 4 · RADIUS | --r-sm:10px; --r-md:14px; --r-lg:22px; --r-pill:999px;
     | 5 · SPACING (premium = whitespace) |
     --s-1:.5rem;--s-2:1rem;--s-3:1.5rem;--s-4:2.5rem;--s-5:4rem;--s-6:6.5rem;
     | 6 · type sizes |
     --step-hero:clamp(2.7rem,6vw+1rem,5.4rem); --step-h2:clamp(1.7rem,3vw+.5rem,2.7rem);
     | 7 · SURFACE TEMPERATURE — light glass = frosted panel + DARK hairline |
     |     + SOFT shadow (NEVER a white glow). On paper, ink the borders.    |
     --primary:var(--accent); --primary-ink:#ffffff;
     --surface:rgba(255,255,255,.66); --surface-brd:rgba(45,32,22,.12);
     --glass-blur:14px;
     --glass-shadow:0 1px 2px rgba(60,45,30,.05),0 14px 36px rgba(60,45,30,.09);
     --glow:color-mix(in srgb,var(--accent) 26%,transparent);
   }
   Notes:
   • --bg lives in the warm-paper band (#faf7f2 / #f4efe7) — never pure white,
     never #fff, so the page reads as PAPER not as a blank screen.
   • --primary-ink flips to WHITE (text sits ON the accent button).
   • --surface is a frosted white panel that floats above the paper; the trust
     signal on light is the DARK hairline (--surface-brd) + the SOFT shadow,
     not a glow. Keep ONE accent — same rule as dark.
   ════════════════════════════════════════════════════════════════════════ */

/* ── 1 · AURORA → a FAINT WARM TINT, not neon ───────────────────────────
   Dark uses opacity:.55 + mix-blend:screen (orbs GLOW). On paper, screen
   washes coloured orbs to white (they vanish), so we multiply them INTO the
   paper at low opacity — a gentle warm wash in the corners, never blobs. */
.theme-light .aurora{opacity:.18}
.theme-light .aurora i{mix-blend-mode:multiply}

/* ── 2 · KILL THE DARK VIGNETTE ─────────────────────────────────────────
   skeleton's body::after paints a radial black vignette (anti-banding for
   flat dark areas). Paper doesn't band — remove it entirely. */
body.theme-light::after{display:none}

/* ── 3 · TRANSLUCENT FILLS — flip white → warm ink ──────────────────────
   skeleton hard-codes rgba(255,255,255,…) fills on .row / .bubble / .track,
   which are invisible on paper. Re-tint them with warm INK so they read. */
.theme-light .row{background:rgba(45,32,22,.035);}
.theme-light .bubble{background:rgba(45,32,22,.05);}
.theme-light .track .seg{background:rgba(45,32,22,.10);}
.theme-light .cell{background:var(--surface);}        /* bento cells get the frosted panel on paper */

/* ── 4 · NAV on paper ───────────────────────────────────────────────────
   The scrolled nav already uses --surface (frosted) + --surface-brd (dark
   hairline) tokens, so it adapts for free. Just make sure the resting (top)
   nav text reads on paper — it inherits --text-dim, which is warm-muted. */

/* ── 5 · GLASS hover affordances stay subtle ────────────────────────────
   .cell:hover / .btn-ghost:hover etc. all border-color:var(--primary) — the
   ONE accent — which reads correctly on paper with no extra rules. The
   soft --glass-shadow (set in the preset) replaces the dark drop-shadow. */

/* ── ACCESSIBILITY note ─────────────────────────────────────────────────
   Reduced-motion handling lives in skeleton.css and still applies. This file
   adds no new animation — it only re-colours existing surfaces. */
