/* ─────────────────────────────────────────────────────────────────
   Light theme — token overrides only.
   Activated by [data-theme="light"] on <html>.

   Not "the dark theme with white swapped in": light mode is warm
   paper + ink, the lab notebook to dark mode's studio.

   Amber survives as a FILL (--brand-fill, near-black text on it) but
   never as text — #FFA23A on paper is roughly 2:1 and fails badly at
   text sizes. So --brand-primary darkens to a burnt amber for links
   and accents, while --brand-fill stays bright for buttons and the
   inverted break section.
   ───────────────────────────────────────────────────────────────── */

[data-theme="light"] {
    color-scheme: light;

    --bg-base: #F4F1EA;
    --bg-canvas: #FCFAF6;
    --bg-surface: #FFFFFF;
    --bg-elevated: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8F6F1;
    --bg-inset: #EFEBE2;
    --bg-overlay: rgba(252, 250, 246, 0.86);

    --border-subtle: rgba(38, 30, 18, 0.09);
    --border-light: rgba(38, 30, 18, 0.15);
    --border-strong: rgba(38, 30, 18, 0.28);
    --border-accent: rgba(154, 91, 0, 0.42);

    --sig-pass: #1F9D52;
    --sig-pass-dim: #16783D;
    --sig-pass-soft: rgba(31, 157, 82, 0.13);
    --sig-run: #B4700A;
    --sig-run-soft: rgba(180, 112, 10, 0.14);
    --sig-fail: #C82F2F;
    --sig-fail-soft: rgba(200, 47, 47, 0.12);
    --sig-idle: #A9A296;

    /* Text-weight amber, darkened for contrast on paper. */
    --brand-primary: #9A5B00;
    --brand-primary-soft: #B36A00;
    --brand-primary-strong: #7A4700;
    --brand-secondary: #B4700A;
    --brand-secondary-soft: #D18B1C;
    --brand-accent: #0D7A8C;
    --brand-accent-soft: #1195AB;
    --brand-warm: #9A5B00;
    /* Same bright amber as dark mode — this is a fill, not text. */
    --brand-fill: #FFA23A;

    --text-strong: #17130C;
    --text-primary: #241E15;
    --text-secondary: #554C3E;
    --text-muted: #766C5C;
    --text-dim: #9E9484;
    --text-on-brand: #17130C;

    --success: #1F9D52;
    --success-soft: rgba(31, 157, 82, 0.12);
    --warning: #B4700A;
    --warning-soft: rgba(180, 112, 10, 0.12);
    --danger: #C82F2F;
    --danger-soft: rgba(200, 47, 47, 0.10);
    --info: #0D7A8C;
    --info-soft: rgba(13, 122, 140, 0.12);

    --severity-critical: #C82F2F;
    --severity-high: #C2570C;
    --severity-medium: #B4700A;
    --severity-low: #1F9D52;

    --gradient-brand: linear-gradient(100deg, #FFB454 0%, #F08A1E 100%);
    --gradient-headline: linear-gradient(180deg, #17130C 0%, #554C3E 130%);
    --gradient-pop: linear-gradient(100deg, #9A5B00 0%, #0D7A8C 100%);
    --gradient-hero: none;
    --gradient-section-fade: linear-gradient(180deg, transparent 0%, rgba(38, 30, 18, 0.022) 50%, transparent 100%);
    --gradient-card: linear-gradient(180deg, rgba(38, 30, 18, 0.022) 0%, rgba(38, 30, 18, 0) 60%);
    --grid-line: rgba(38, 30, 18, 0.055);
    --grid-line-strong: rgba(38, 30, 18, 0.095);

    --shadow-xs: 0 1px 2px rgba(38, 30, 18, 0.07);
    --shadow-sm: 0 2px 8px rgba(38, 30, 18, 0.07);
    --shadow-md: 0 8px 24px rgba(38, 30, 18, 0.09);
    --shadow-lg: 0 24px 60px rgba(38, 30, 18, 0.14);
    --shadow-glow: 0 0 0 1px rgba(217, 127, 30, 0.35), 0 12px 40px rgba(217, 127, 30, 0.22);
    --shadow-card: 0 1px 2px rgba(38, 30, 18, 0.05), 0 0 0 1px rgba(38, 30, 18, 0.05);
    --shadow-device: 0 2px 0 rgba(255, 255, 255, 0.9) inset,
                     0 40px 80px -24px rgba(38, 30, 18, 0.30),
                     0 0 100px -30px rgba(217, 127, 30, 0.24);
}