/* GENERATED by scripts/sync-tokens.mjs — do not edit.
   Source of truth: the <style> block in index.html.
   Regenerate with: npm run sync:tokens */

:root{
  --ink:#f7f4ed;
  --ink-2:#fffdf8;
  --ink-3:#efe9dc;
  --paper:#1b1813;
  --paper-dim:#5b544a;
  --paper-mute:#6f6759;
  --line:#e4ddcd;
  --line-soft:rgba(27,24,19,.08);
  --gold:#8a6627;
  --gold-2:#b28f4a;
  --gold-soft:rgba(138,102,39,.10);
  --rouge:#a8432f;
  --deep:linear-gradient(155deg,#221d16,#2f2820 60%,#3a3127);
  --deep-ink:#f6f1e6;
  --deep-dim:rgba(246,241,230,.68);
  --deep-accent:#d8b877;
  --shadow-card:0 2px 6px rgba(27,24,19,.05), 0 12px 32px rgba(138,102,39,.08);
  --shadow-lift:0 6px 16px rgba(27,24,19,.07), 0 24px 48px rgba(138,102,39,.15);
  --surf-a:#fffdf8;
  --surf-b:#f6f1e6;
  --tint-1:#f1ebdd; --tint-2:#f4eee1; --tint-3:#f2ece0;
  --tint-4:#f0ebe0; --tint-5:#f3ede0; --tint-6:#efeade;
  --sunk:rgba(239,233,220,.72);
  --nav-bg:rgba(255,253,248,.78);
  --sheet-bg:rgba(247,244,237,.86);
  --form-bg:rgba(255,253,248,.92);
  --field-bg:#fffdf8;
  --dot:rgba(27,24,19,.05);
  --wash:rgba(247,244,237,.55);
  --glow-a:rgba(138,102,39,.11);
  --glow-b:rgba(178,143,74,.08);
  --bezel-hi:rgba(255,255,255,.65);
  --edge-glow:0 0 24px rgba(138,102,39,.32);
  --vent-glow:radial-gradient(70% 40% at 50% 0%, rgba(138,102,39,.07), transparent 70%);
  --svc-hover:rgba(138,102,39,.06);
  --gv-grad:linear-gradient(90deg, rgba(138,102,39,.08), transparent);
  --field-focus-bg:rgba(138,102,39,.05);
  --field-focus-ring:0 0 0 3px rgba(138,102,39,.14);
  --submit-glow:0 16px 40px rgba(138,102,39,.28);
  --deep-line:#3a3127;
  --on-accent:var(--deep-ink);
  --mark-plate:transparent;
  --mark-pad:0px;
  --bezel-ring:rgba(27,24,19,.06);
  --grain-blend:multiply; --grain-opacity:.03;
  --caret:%238a6627;
  --serif:"Fraunces", "Times New Roman", serif;
  --sans:"Instrument Sans", system-ui, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, monospace;
  --r-shell:18px;
  --r-core:calc(var(--r-shell) - 7px);
  --r-md:8px;
  --r-sm:4px;
  --r-pill:999px;
  --ease:cubic-bezier(.32,.72,0,1);
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
  --t-fast:.22s; --t-mid:.42s; --t-slow:.8s;
  --bay:clamp(76px, 8.5vw, 136px);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#100e0b;
    --ink-2:#1a1713;
    --ink-3:#252017;
    --paper:#f0eadd;
    --paper-dim:#ada494;
    --paper-mute:#9a9183;
    --line:#302a21;
    --line-soft:rgba(255,255,255,.08);
    --gold:#d3aa62;
    --gold-2:#e6c88d;
    --gold-soft:rgba(211,170,98,.14);
    --rouge:#d4705c;
    --deep-accent:#e0c48c;
    --shadow-card:0 2px 6px rgba(0,0,0,.36), 0 12px 32px rgba(0,0,0,.4);
    --shadow-lift:0 6px 16px rgba(0,0,0,.42), 0 24px 48px rgba(0,0,0,.52);
    --surf-a:#1b1814;
    --surf-b:#14110d;
    --tint-1:#1d1912; --tint-2:#1f1a13; --tint-3:#1c1811;
    --tint-4:#1a1710; --tint-5:#1e1a12; --tint-6:#1b1710;
    --sunk:rgba(255,255,255,.04);
    --nav-bg:rgba(26,23,19,.76);
    --sheet-bg:rgba(16,14,11,.88);
    --form-bg:rgba(22,19,15,.92);
    --field-bg:#120f0b;
    --dot:rgba(255,255,255,.045);
    --wash:rgba(16,14,11,.5);
    --glow-a:rgba(211,170,98,.14);
    --glow-b:rgba(230,200,141,.08);
    --bezel-hi:rgba(255,255,255,.06);
    --bezel-ring:rgba(255,255,255,.05);
    --grain-blend:overlay; --grain-opacity:.05;
    --caret:%23d3aa62;
    --edge-glow:0 0 24px rgba(211,170,98,.4);
    --vent-glow:radial-gradient(70% 40% at 50% 0%, rgba(211,170,98,.10), transparent 70%);
    --svc-hover:rgba(211,170,98,.08);
    --gv-grad:linear-gradient(90deg, rgba(211,170,98,.10), transparent);
    --field-focus-bg:rgba(211,170,98,.06);
    --field-focus-ring:0 0 0 3px rgba(211,170,98,.16);
    --submit-glow:0 16px 40px rgba(211,170,98,.28);
    --deep-line:#4a3f31;
    --on-accent:var(--ink);
    --mark-plate:#f0eadd;
    --mark-pad:3px;
  }
}

:root[data-theme="dark"]{
  --ink:#100e0b;
  --ink-2:#1a1713;
  --ink-3:#252017;
  --paper:#f0eadd;
  --paper-dim:#ada494;
  --paper-mute:#9a9183;
  --line:#302a21;
  --line-soft:rgba(255,255,255,.08);
  --gold:#d3aa62;
  --gold-2:#e6c88d;
  --gold-soft:rgba(211,170,98,.14);
  --rouge:#d4705c;
  --deep-accent:#e0c48c;
  --shadow-card:0 2px 6px rgba(0,0,0,.36), 0 12px 32px rgba(0,0,0,.4);
  --shadow-lift:0 6px 16px rgba(0,0,0,.42), 0 24px 48px rgba(0,0,0,.52);
  --surf-a:#1b1814;
  --surf-b:#14110d;
  --tint-1:#1d1912; --tint-2:#1f1a13; --tint-3:#1c1811;
  --tint-4:#1a1710; --tint-5:#1e1a12; --tint-6:#1b1710;
  --sunk:rgba(255,255,255,.04);
  --nav-bg:rgba(26,23,19,.76);
  --sheet-bg:rgba(16,14,11,.88);
  --form-bg:rgba(22,19,15,.92);
  --field-bg:#120f0b;
  --dot:rgba(255,255,255,.045);
  --wash:rgba(16,14,11,.5);
  --glow-a:rgba(211,170,98,.14);
  --glow-b:rgba(230,200,141,.08);
  --bezel-hi:rgba(255,255,255,.06);
  --bezel-ring:rgba(255,255,255,.05);
  --grain-blend:overlay; --grain-opacity:.05;
  --caret:%23d3aa62;
  --edge-glow:0 0 24px rgba(211,170,98,.4);
  --vent-glow:radial-gradient(70% 40% at 50% 0%, rgba(211,170,98,.10), transparent 70%);
  --svc-hover:rgba(211,170,98,.08);
  --gv-grad:linear-gradient(90deg, rgba(211,170,98,.10), transparent);
  --field-focus-bg:rgba(211,170,98,.06);
  --field-focus-ring:0 0 0 3px rgba(211,170,98,.16);
  --submit-glow:0 16px 40px rgba(211,170,98,.28);
  --deep-line:#4a3f31;
  --on-accent:var(--ink);
  --mark-plate:#f0eadd;
  --mark-pad:3px;
}