/* Copied from spotfan-ai/app design-system/tokens (colors, typography, spacing) on 2026-11-02. Copy, never link (CLAUDE.md, Stack 4). */
:root{
--lime:#a8e014;
--deep-green:#5a9e00;
--ink:#121a0e;
--paper:#fcfcfb;
--paper-warm:#f2f1eb;
--card:#faf9f3;
--ink-a75:rgba(18,26,14,.75);
--ink-a65:rgba(18,26,14,.65);
--ink-a60:rgba(18,26,14,.6);
--ink-a55:rgba(18,26,14,.55);
--ink-a45:rgba(18,26,14,.45);
--ink-a40:rgba(18,26,14,.4);
--ink-a12:rgba(18,26,14,.12);
--ink-a06:rgba(0,0,0,.06);
--paper-a60:rgba(252,252,251,.6);
--paper-a55:rgba(252,252,251,.55);
--paper-a50:rgba(252,252,251,.5);
--paper-a45:rgba(252,252,251,.45);

--color-signal:var(--lime);
--color-accent:var(--deep-green);
--color-text:var(--ink);
--color-text-muted:var(--ink-a75);
--color-text-faint:var(--ink-a55);
--color-bg:var(--paper);
--color-bg-alt:var(--paper-warm);
--color-text-on-dark:var(--paper);
--color-surface:var(--card);
--color-surface-dark:var(--ink);
--color-border:var(--ink-a12);
--color-link:var(--deep-green);
--color-link-hover:var(--ink);
}
:root{
--font-display:'Archivo',Arial,sans-serif;
--font-body:'Hanken Grotesk',-apple-system,sans-serif;
--font-hand:'Caveat',cursive;
--font-mono:ui-monospace,Menlo,monospace;

--text-hero:96px;
--text-h1:56px;
--text-h2:32px;
--text-h3:22px;
--text-body:17px;
--text-small:13px;
--text-label:12px;
--text-micro:10px;

--weight-wordmark:200;

--tracking-display:-0.04em;
--tracking-h1:-0.035em;
--tracking-h2:-0.03em;
--tracking-label:0.12em;

--leading-display:0.95;
--leading-tight:1.1;
--leading-body:1.6;
--leading-label:1.3;
}
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-7:32px;
--space-8:40px;
--space-9:48px;
--space-10:64px;
--space-11:80px;
--space-12:120px;

--radius-sm:5px;
--radius-md:9px;
--radius-lg:10px;
--radius-xl:14px;

--shadow-card:0 1px 2px rgba(18,26,14,.06);
}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;src:url("./fonts/Archivo-Variable.woff2") format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 800;font-display:swap;src:url("./fonts/HankenGrotesk-Variable.woff2") format('woff2')}