:root{--ink:#161616;--warm-paper:#faf8f3;--stone:#8a857c;--graphite:#34383c;--ochre:#b56a2d;--ochre-hover:color-mix(in oklch, var(--ochre) 88%, black);--ochre-press:color-mix(in oklch, var(--ochre) 76%, black);--ochre-tint-10:color-mix(in oklch, var(--ochre) 10%, var(--warm-paper));--ochre-tint-16:color-mix(in oklch, var(--ochre) 16%, var(--warm-paper));--paper-dim:color-mix(in oklch, var(--warm-paper) 92%, var(--ink));--paper-raised:#fff;--hairline:color-mix(in oklch, var(--ink) 12%, var(--warm-paper));--hairline-strong:color-mix(in oklch, var(--ink) 22%, var(--warm-paper));--stone-dim:color-mix(in oklch, var(--stone) 60%, var(--warm-paper));--ink-70:color-mix(in oklch, var(--ink) 70%, var(--warm-paper));--success:#4b6e4e;--error:#a23b2e;--text-headline:var(--ink);--text-body:var(--graphite);--text-meta:var(--stone);--text-inverse:var(--warm-paper);--text-accent:var(--ochre);--surface-page:var(--warm-paper);--surface-card:var(--paper-raised);--surface-sunken:var(--paper-dim);--surface-invert:var(--ink);--border-default:var(--hairline);--border-strong:var(--hairline-strong);--border-accent:var(--ochre);--link-default:var(--ochre);--link-hover:var(--ochre-hover);--focus-ring:var(--ochre)}
:root{--font-serif-display:"Fraunces",Georgia,serif;--font-sans-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",monospace;--fs-display-xl:4.5rem;--fs-display-lg:3.25rem;--fs-display-md:2.25rem;--fs-headline:1.75rem;--fs-subhead:1.25rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-small:.875rem;--fs-micro:.75rem;--lh-display:1.05;--lh-headline:1.2;--lh-body:1.6;--lh-tight:1.3;--ls-display:-.01em;--ls-meta:.06em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700}
:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--container-max:1200px;--container-narrow:720px;--gutter:1.5rem}
:root{--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--shadow-card:0 1px 2px #1616160f,0 1px 0 #1616160a;--shadow-raised:0 4px 16px #1616161a,0 1px 2px #1616160f;--shadow-overlay:0 16px 48px #16161638;--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans-body), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}