@font-face { font-family: 'Archivo'; src: url('fonts/archivo-var.woff2') format('woff2'); font-weight: 400 900; font-stretch: 100% 125%; font-style: normal; font-display: block; }
@font-face { font-family: 'Source Sans 3'; src: url('fonts/source-sans-3-var.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: block; }
:root{
--paper:#f3f4f3;
--paper-raised:#ffffff;
--paper-sunk:#e8eaea;
--line:#d3d8da;
--line-strong:#838c93;
--ink:#1c2126;
--ink-muted:#525b63;
--graphite:#262c31;
--graphite-raised:#323a40;
--graphite-line:#4a545b;
--on-graphite:#f3f4f3;
--on-graphite-muted:#aeb6bc;
--signal:#f26a1b;
--on-signal:#1c2126;
--signal-text:#b3470a;
--signal-soft:#fde8d9;
--danger:#b42318;
--danger-soft:#fdecea;
--success:#17624a;
--success-soft:#e3f2ec;
--focus-ring:#1b5fd1;
--focus-ring-inverse:#8db4ff;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;
--radius-xs:2px;
--radius-s:4px;
--radius-m:8px;
--radius-pill:999px;
--shadow-float:0 12px 32px rgba(28, 33, 38, 0.22);
--shadow-header:0 1px 0 rgba(28, 33, 38, 0.08);
--container-max:1200px;
--measure:680px;
--header-height:72px;
--plate-border:4px;
--font-display:"Archivo", "Arial Narrow", Arial, sans-serif;
--font-sans:"Source Sans 3", "Segoe UI", system-ui, sans-serif;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper)}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}