/* Nana design tokens compiled from claude-design-system/tokens.json (light + night themes). Component styles: bundle.css (Claude's original). */
@font-face{font-family:"Nana Hand";src:url(../fonts/NanaHand-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Nana Hand";src:url(../fonts/NanaHand-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Newsreader";src:url(../fonts/Newsreader-Variable.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Newsreader";src:url(../fonts/Newsreader-Italic-Variable.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
:root{
--indigo:#1b2a4a;--cream:#f7f1e8;--terracotta:#c45c26;--gold:#c4a35a;--white:#fff;--cream-2:#ede4d3;--indigo-soft:#4b5874;--terracotta-text:#a3461a;--terracotta-tint:#f2d9c8;--gold-tint:#efe4c6;--indigo-tint:#d8dce6;
--bg:var(--cream);--bg-raised:var(--white);--bg-sunken:var(--cream-2);--text:var(--indigo);--text-muted:var(--indigo-soft);--line:var(--indigo);--accent:var(--terracotta);--accent-ink:var(--cream);--link:var(--terracotta-text);--focus:var(--terracotta);
--font-display:"Nana Hand","Avenir Next Rounded","Trebuchet MS",system-ui,sans-serif;--font-text:"Newsreader","Iowan Old Style",Georgia,serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
--fs-hero:clamp(3.6rem,11vw,9rem);--fs-h1:clamp(3rem,8vw,5.8rem);--fs-h2:clamp(2.4rem,5.5vw,4rem);--fs-h3:clamp(1.9rem,3.6vw,2.85rem);--fs-h4:2rem;--fs-hand:1.5rem;--fs-lede:clamp(1.25rem,2.2vw,1.5rem);--fs-body:clamp(1.06rem,1.2vw,1.2rem);--fs-caption:.875rem;--fs-label:.875rem;
--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:112px;--s-10:160px;
--radius-s:10px;--radius-m:18px;--radius-l:28px;--radius-pill:999px;
--pen:2.5px;--pen-thin:1.5px;
--shadow-1:3px 3px 0 var(--line);--shadow-2:6px 6px 0 var(--line);--shadow-3:10px 10px 0 var(--line);--shadow-soft:0 12px 30px -12px rgba(27,42,74,.35);
--tilt-1:-1.2deg;--tilt-2:1.6deg;--tilt-3:-2.4deg;--tilt-4:2.2deg;
--dur-1:140ms;--dur-2:260ms;--dur-3:520ms;--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.2,.8,.2,1);
--container:76rem;--gutter:clamp(1rem,4vw,2.5rem);
color-scheme:light}
[data-theme="dark"]{--bg:#121c33;--bg-raised:var(--indigo);--bg-sunken:#0d1526;--text:var(--cream);--text-muted:#c9cfdd;--line:var(--cream);--link:#e89a6b;--focus:var(--gold);--shadow-soft:0 12px 30px -12px rgba(0,0,0,.6);color-scheme:dark}
[data-tone="serious"]{--shadow-1:none;--shadow-2:none;--shadow-3:none;--radius-m:6px;--radius-l:10px;--tilt-1:0deg;--tilt-2:0deg;--tilt-3:0deg;--tilt-4:0deg;--accent:var(--indigo)}
[data-theme="dark"] [data-tone="serious"],[data-theme="dark"][data-tone="serious"]{--accent:var(--gold);--accent-ink:var(--indigo)}
[data-wash="terracotta"]{background:var(--terracotta-tint);--bg:var(--terracotta-tint);--text:var(--indigo);--text-muted:var(--indigo-soft);--line:var(--indigo);--link:var(--terracotta-text);color:var(--text)}
[data-wash="gold"]{background:var(--gold-tint);--bg:var(--gold-tint);--text:var(--indigo);--text-muted:var(--indigo-soft);--line:var(--indigo);--link:var(--terracotta-text);color:var(--text)}
[data-wash="indigo"]{background:var(--indigo);--bg:var(--indigo);--text:var(--cream);--text-muted:#c9cfdd;--line:var(--cream);--accent:var(--gold);--accent-ink:var(--indigo);--link:#e89a6b;--focus:var(--gold);color:var(--text)}