:root{
/* Base — warm ink (near-black with sepia undertone) */
--ink-950:#141109;--ink-900:#1B1710;--ink-800:#262019;--ink-700:#362E23;--ink-600:#4A4033;
/* Base — bone (archival paper) */
--bone-0:#FDFBF5;--bone-50:#F7F2E7;--bone-100:#F0E9D9;--bone-200:#E3D9C2;--bone-300:#D2C5A8;
/* Base — stone (warm neutrals) */
--stone-400:#A89C87;--stone-500:#8C8070;--stone-600:#6F6455;--stone-700:#54493C;
/* Base — brass (military insignia) */
--brass-400:#C2A25E;--brass-500:#A9863E;--brass-600:#7D6129;--brass-700:#6E5424;
/* Base — poppy (remembrance red) */
--poppy-400:#B44A3B;--poppy-500:#9E352A;--poppy-600:#82251C;
/* Base — olive (field drab) */
--olive-400:#6E6B4E;--olive-500:#57543C;--olive-600:#42402E;
/* Semantic — surfaces */
--surface-page:var(--bone-50);--surface-card:var(--bone-0);--surface-sunken:var(--bone-100);--surface-dark:var(--ink-950);--surface-dark-raised:var(--ink-800);
/* Semantic — text */
--text-display:var(--ink-950);--text-body:#2C251B;--text-muted:var(--stone-600);--text-faint:#706454;--text-on-dark:var(--bone-100);--text-on-dark-muted:var(--stone-400);--text-accent:var(--brass-600);
/* Semantic — interactive */
--accent:var(--brass-500);--accent-strong:var(--poppy-500);--link:var(--brass-600);--link-hover:var(--ink-950);--focus-ring:var(--brass-500);
/* Semantic — lines */
--border-subtle:rgba(44,37,27,.14);--border-strong:rgba(44,37,27,.38);--border-on-dark:rgba(247,242,231,.18);--rule-heavy:var(--ink-950);
/* Semantic — status */
--status-positive:var(--olive-500);--status-caution:var(--brass-600);--status-critical:var(--poppy-500);
}
:root{
--font-display:'Libre Caslon Display',Georgia,serif;
--font-serif:'Source Serif 4',Georgia,serif;
--font-sans:'Archivo',system-ui,sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,monospace;
/* Scale (px) */
--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:26px;--text-2xl:34px;--text-3xl:46px;--text-4xl:64px;--text-5xl:88px;
/* Leading */
--leading-tight:1.08;--leading-snug:1.25;--leading-body:1.65;
/* Tracking */
--tracking-display:-0.015em;--tracking-caps:0.16em;--tracking-caps-wide:0.24em;
/* Weights */
--weight-body:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
}
body{font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--link-hover)}
:root{
--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-none:0;--radius-sm:2px;--radius-md:3px;--radius-pill:999px;
--measure:66ch;--container:1200px;--container-narrow:720px;
}
:root{
--shadow-card:0 1px 2px rgba(20,17,9,.06),0 4px 16px rgba(20,17,9,.05);
--shadow-raised:0 2px 6px rgba(20,17,9,.10),0 16px 40px rgba(20,17,9,.14);
--shadow-modal:0 24px 80px rgba(20,17,9,.35);
--scrim-photo:linear-gradient(to top,rgba(20,17,9,.82) 0%,rgba(20,17,9,.28) 45%,rgba(20,17,9,0) 75%); /* @kind other */
--duration-fast:120ms; /* @kind other */ --duration-base:220ms; /* @kind other */ --duration-slow:480ms; /* @kind other */
--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */ --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
}