/* colors.css */
:root{
--ink-900:#0e0e10;
--ink-700:#2b2b2f;
--ink-500:#5a5a61;
--ink-300:#9a9aa1;
--ink-200:#c7c7cd;
--ink-100:#e6e6e9;
--paper-0:#ffffff;
--paper-50:#f7f6f4;
--paper-100:#efeeea;
--navy-900:#101d33;
--navy-700:#1a2b4a;
--navy-500:#2c4470;
--brass-700:#8a6f2e;
--brass-500:#a9822f;
--brass-300:#cfae6e;
--brass-100:#efe3c4;
--red-600:#9c2b2b;
--green-600:#2c6b4f;
--amber-600:#a4700c;
--fg-primary:var(--ink-900);
--fg-secondary:var(--ink-500);
--fg-muted:var(--ink-300);
--fg-inverse:var(--paper-0);
--fg-link:var(--navy-700);
--fg-link-hover:var(--navy-900);
--surface-page:var(--paper-0);
--surface-sunken:var(--paper-50);
--surface-card:var(--paper-0);
--surface-inverse:var(--ink-900);
--surface-accent:var(--navy-900);
--border-subtle:var(--ink-100);
--border-default:var(--ink-200);
--border-strong:var(--ink-700);
--accent-primary:var(--navy-700);
--accent-primary-hover:var(--navy-900);
--accent-secondary:var(--brass-500);
--accent-secondary-hover:var(--brass-700);
--status-error:var(--red-600);
--status-success:var(--green-600);
--status-warning:var(--amber-600);
--focus-ring:var(--navy-500);
}


/* typography.css */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');
:root{
--font-display:'Archivo',ui-sans-serif,system-ui,sans-serif;
--font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
--font-mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
--text-display-1:4.5rem;
--text-display-2:3.25rem;
--text-h1:2.5rem;
--text-h2:2rem;
--text-h3:1.5rem;
--text-h4:1.25rem;
--text-body-lg:1.125rem;
--text-body:1rem;
--text-body-sm:0.875rem;
--text-caption:0.75rem;
--text-eyebrow:0.8125rem;
--leading-tight:1.08;
--leading-snug:1.25;
--leading-normal:1.5;
--leading-relaxed:1.65;
--tracking-tight:-0.02em;
--tracking-normal:0em;
--tracking-wide:0.06em;
--tracking-eyebrow:0.14em;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-extrabold:800;
}


/* spacing.css */
:root{
--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;
--space-20:80px;
--space-24:96px;
--space-32:128px;
--container-max:1200px;
--container-pad:clamp(20px,4vw,64px);
}


/* effects.css */
:root{
--radius-sm:2px;
--radius-md:4px;
--radius-lg:8px;
--radius-pill:999px;
--shadow-xs:0 1px 2px rgba(14,14,16,0.06);
--shadow-sm:0 2px 6px rgba(14,14,16,0.08);
--shadow-md:0 8px 24px rgba(14,14,16,0.10);
--shadow-lg:0 24px 56px rgba(14,14,16,0.16);
--shadow-focus:0 0 0 3px rgba(44,68,112,0.35);
--border-w:1px;
--ease-standard:cubic-bezier(.2,.8,.2,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:320ms; /* @kind other */
}