:root{
--ink-900:#12201D;
--ink-800:#1B2E29;
--ink-700:#37473F;
--ink-500:#657A70;
--paper-000:#FFFFFF;
--slate-050:#F4F6F5;
--slate-100:#E7EBE9;
--slate-200:#D3DAD7;
--slate-400:#A6B3AD;
--slate-600:#788A82;
--slate-800:#4A5751;
--brand-teal-500:#0E8F7A;
--brand-teal-600:#0B6E5E;
--brand-teal-700:#085347;
--brand-teal-100:#D7F0EC;
--signal-500:#E8A93B;
--signal-600:#C98F24;
--signal-100:#FBEACB;
--success-500:#2E7D4F;
--success-100:#DEF0E3;
--danger-500:#C1361B;
--danger-100:#F9DED7;
--warning-500:#B8790A;
--warning-100:#FBEACB;

--surface-page:var(--paper-000);
--surface-canvas:var(--slate-050);
--surface-card:var(--paper-000);
--surface-inverse:var(--ink-900);
--surface-accent-soft:var(--brand-teal-100);

--border-default:var(--slate-200);
--border-strong:var(--ink-900);
--border-accent:var(--brand-teal-500);

--text-primary:var(--ink-900);
--text-secondary:var(--ink-700);
--text-muted:var(--ink-500);
--text-on-accent:var(--paper-000);
--text-on-inverse:var(--paper-000);
--text-link:var(--ink-900);
--text-link-hover:var(--brand-teal-600);

--accent-primary:var(--brand-teal-500);
--accent-primary-hover:var(--brand-teal-600);
--accent-primary-soft:var(--brand-teal-100);
--focus-ring:var(--brand-teal-500);
--accent-secondary:var(--signal-500);
--accent-secondary-hover:var(--signal-600);
--accent-secondary-soft:var(--signal-100);

--font-display:'Archivo',"Helvetica Neue",Arial,sans-serif;
--font-body:'Inter',-apple-system,"Segoe UI",Arial,sans-serif;
--font-mono:'IBM Plex Mono',"SF Mono",Consolas,monospace;

--text-display-1:800 clamp(2.75rem,4.5vw,5rem)/1.02 var(--font-display);
--text-display-2:700 clamp(2.125rem,3.2vw,3.25rem)/1.08 var(--font-display);
--text-h1:700 2rem/1.15 var(--font-display);
--text-h2:700 1.5rem/1.2 var(--font-display);
--text-h3:600 1.25rem/1.3 var(--font-display);
--text-h4:600 1.0625rem/1.35 var(--font-display);
--text-body-lg:400 1.125rem/1.6 var(--font-body);
--text-body:400 1rem/1.6 var(--font-body);
--text-body-sm:400 0.875rem/1.55 var(--font-body);
--text-caption:500 0.75rem/1.4 var(--font-body);
--text-label:600 0.8125rem/1.2 var(--font-body);
--text-mono:500 0.875rem/1.4 var(--font-mono);
--text-button:600 0.9375rem/1 var(--font-body);

--tracking-tight:-0.01em;
--tracking-normal:0;
--tracking-label:0.06em;
--tracking-caps:0.08em;

--space-0:0px;
--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;

--container-max:1200px;
--gutter-page:24px;

--radius-sm:2px;
--radius-md:4px;
--radius-lg:8px;
--radius-xl:14px;
--radius-full:999px;

--border-width:1px;
--border-width-thick:2px;

--shadow-sm:0 1px 2px rgba(18,32,29,0.08);
--shadow-md:0 4px 14px rgba(18,32,29,0.12);
--shadow-lg:0 16px 40px rgba(18,32,29,0.18);

--ease-standard:cubic-bezier(0.4,0,0.2,1);
--ease-out:cubic-bezier(0,0,0.2,1);
--duration-fast:120ms;
--duration-base:200ms;
}