:root{
--red-900:#4A1516;--red-700:#7E2323;--red-600:#A72C2D;--red-500:#C23F3F;--red-400:#DA6363;--red-200:#EFAFAC;--red-100:#F6DCDA;
--cream-050:#FFFBF3;--cream-100:#FBF0D8;--cream-200:#F3E4C2;--tan-300:#E8D3A8;
--ink-900:#201A14;--ink-700:#4A3F35;--ink-500:#7A6C5D;--ink-300:#B4A491;--ink-100:#E4DACB;
--white:#FFFFFF;--black:#0B0906;
--green-600:#3F7A4E;--green-100:#DCEEE0;
--amber-600:#C98A2D;--amber-100:#F6E6C9;
--color-brand:var(--red-600);--color-brand-hover:var(--red-700);--color-brand-press:var(--red-900);
--color-bg:var(--cream-100);--color-bg-alt:var(--cream-050);--color-surface:var(--white);--color-surface-sunken:var(--cream-200);
--color-border:var(--ink-100);--color-border-strong:var(--ink-300);
--text-primary:var(--ink-900);--text-secondary:var(--ink-500);--text-inverse:var(--cream-050);--text-on-brand:var(--cream-050);
--color-success:var(--green-600);--color-success-bg:var(--green-100);
--color-warning:var(--amber-600);--color-warning-bg:var(--amber-100);
--color-danger:var(--red-600);--color-danger-bg:var(--red-100);
--color-focus-ring:var(--red-400);

--font-display:'Fredoka',ui-rounded,'Segoe UI',sans-serif;
--font-body:'Inter',-apple-system,'Segoe UI',sans-serif;
/* the stamped face: tills, on-screen displays, datelines. Moments defined it
   locally first; the footer's check is the second consumer, so it lives here. */
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--text-display-xl:700 40px/1.1 var(--font-display);
--text-display-lg:600 32px/1.15 var(--font-display);
--text-display-md:600 26px/1.2 var(--font-display);
--text-title:600 22px/1.3 var(--font-display);
--text-subtitle:500 17px/1.35 var(--font-display);
--text-body-lg:400 17px/1.5 var(--font-body);
--text-body:400 15px/1.5 var(--font-body);
--text-body-sm:400 13px/1.45 var(--font-body);
--text-label:600 13px/1.2 var(--font-body);
--text-caption:500 12px/1.3 var(--font-body);
--tracking-label:0.02em;
--tracking-caption:0.01em;

--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
--shadow-sm:0 1px 2px rgba(32,26,20,0.08);
--shadow-md:0 4px 12px rgba(32,26,20,0.10);
--shadow-lg:0 12px 32px rgba(32,26,20,0.16);
--ease-standard:cubic-bezier(.4,0,.2,1);
--duration-fast:120ms;
--duration-base:200ms;

--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
}