:root{
--black:#0a0a0a;
--white:#ffffff;
--red:#e10600;
--red-dim:#a10500;
--grey-950:#111111;
--grey-900:#161616;
--grey-800:#242424;
--grey-600:#4d4d4d;
--grey-400:#8a8a8a;
--grey-200:#d4d4d4;
--grey-100:#eeeeee;

--bg-primary:var(--black);
--bg-surface:var(--grey-900);
--bg-elevated:var(--grey-800);
--bg-inverse:var(--white);

--fg-primary:var(--white);
--fg-secondary:var(--grey-200);
--fg-muted:var(--grey-400);
--fg-inverse:var(--black);

--accent:var(--red);
--accent-dim:var(--red-dim);

--border-subtle:rgba(255,255,255,0.12);
--border-strong:rgba(255,255,255,0.28);
--border-on-light:rgba(0,0,0,0.14);
}

:root{
--font-display:Arial,"Helvetica Neue",sans-serif;
--font-body:Arial,Helvetica,sans-serif;
--font-mono:ui-monospace,"Courier New",monospace;

--text-display-xl:clamp(3rem,7vw,7rem);
--text-display-lg:clamp(2.25rem,5vw,4.5rem);
--text-display-md:clamp(1.75rem,3.5vw,2.75rem);
--text-heading:1.375rem;
--text-body-lg:1.125rem;
--text-body:1rem;
--text-small:0.875rem;
--text-caption:0.75rem;

--tracking-tight:-0.02em;
--tracking-normal:0;
--tracking-wide:0.08em;
--tracking-widest:0.18em;

--leading-tight:0.92;
--leading-snug:1.15;
--leading-body:1.55;

--weight-regular:400;
--weight-medium:500;
--weight-bold:700;
--weight-black:900;
}
: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-sm:2px;
--radius-md:4px;
--radius-pill:999px;

--shadow-card:0 12px 32px rgba(0,0,0,0.45);
--shadow-inset-hairline:inset 0 0 0 1px var(--border-subtle);

--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
}