@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{
--navy-900:#0e1b2b;--navy-800:#152538;--navy-700:#192d46;--navy-600:#233c58;--navy-500:#3a5170;
--teal-700:#017a77;--teal-600:#01a19d;--teal-500:#02bbaa;--teal-400:#2ecfbe;--teal-300:#7ee2d3;--teal-100:#e2f7f3;
--blue-700:#1c5f96;--blue-600:#2780cd;--blue-500:#3f95de;--blue-300:#a9d3f0;--blue-100:#e8f3fc;
--gray-950:#0f1215;--gray-900:#1a1f24;--gray-700:#4a545d;--gray-500:#7a848d;--gray-300:#c7ced4;--gray-200:#dee3e7;--gray-100:#eef1f3;--gray-50:#f7f9fa;
--white:#ffffff;
--coral-500:#ff6b57;--coral-600:#e85a47;--amber-500:#f5a623;--amber-600:#dd8f10;
--fg-1:var(--navy-700);--fg-2:var(--gray-700);--fg-3:var(--gray-500);--fg-inverse:var(--white);
--surface-page:var(--gray-50);--surface-card:var(--white);--surface-sunken:var(--gray-100);--surface-inverse:var(--navy-700);
--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--navy-600);
--brand-primary:var(--teal-600);--brand-primary-hover:var(--teal-700);--brand-primary-tint:var(--teal-100);
--brand-secondary:var(--blue-600);--brand-secondary-hover:var(--blue-700);--brand-secondary-tint:var(--blue-100);
--brand-ink:var(--navy-700);
--accent-coral:var(--coral-500);--accent-amber:var(--amber-500);
--success:var(--teal-600);--success-tint:var(--teal-100);--success-on-tint:var(--teal-700);--warning:var(--amber-500);--warning-tint:#fdf1de;--warning-on-tint:#8a5a0c;--danger:var(--coral-600);--danger-tint:#fdeae7;--danger-on-tint:#a4341f;--info:var(--blue-600);--info-tint:var(--blue-100);
--focus-ring:var(--blue-500);
}
:root[data-theme="dark"]{
--fg-1:var(--gray-50);--fg-2:var(--gray-300);--fg-3:color-mix(in oklab, var(--gray-500) 45%, var(--gray-300) 55%);--fg-inverse:var(--navy-900);
--surface-page:var(--navy-800);--surface-card:var(--navy-700);--surface-sunken:var(--navy-900);--surface-inverse:var(--gray-50);
--border-subtle:var(--navy-600);--border-default:var(--navy-500);--border-strong:var(--gray-200);
--brand-primary:var(--teal-500);--brand-primary-hover:var(--teal-400);--brand-primary-tint:color-mix(in oklab, var(--teal-500) 22%, var(--surface-card));
--brand-secondary:var(--blue-500);--brand-secondary-hover:var(--blue-300);--brand-secondary-tint:color-mix(in oklab, var(--blue-500) 22%, var(--surface-card));
--brand-ink:var(--gray-100);
--success:var(--teal-500);--success-tint:color-mix(in oklab, var(--teal-500) 22%, var(--surface-card));--success-on-tint:var(--teal-300);
--warning:var(--amber-500);--warning-tint:color-mix(in oklab, var(--amber-500) 22%, var(--surface-card));--warning-on-tint:var(--amber-500);
--danger:var(--coral-500);--danger-tint:color-mix(in oklab, var(--coral-500) 22%, var(--surface-card));--danger-on-tint:var(--coral-500);
--info:var(--blue-500);--info-tint:color-mix(in oklab, var(--blue-500) 22%, var(--surface-card));--info-on-tint:var(--blue-300);
}
:root{
--font-display:'Outfit',ui-rounded,'Segoe UI',sans-serif;
--font-body:'Inter',-apple-system,'Segoe UI',sans-serif;
--font-mono:'SF Mono',ui-monospace,Menlo,monospace;
--text-display-xl:600 64px/1.05 var(--font-display);
--text-display-lg:600 44px/1.1 var(--font-display);
--text-display-md:600 32px/1.15 var(--font-display);
--text-display-sm:600 24px/1.25 var(--font-display);
--text-title:700 20px/1.3 var(--font-display);
--text-body-lg:400 18px/1.5 var(--font-body);
--text-body:400 16px/1.55 var(--font-body);
--text-body-sm:400 14px/1.5 var(--font-body);
--text-caption:500 12px/1.4 var(--font-body);
--text-label:600 13px/1.2 var(--font-body);
--letter-tight:-0.02em;--letter-normal:0;--letter-wide:0.04em;
}
:root{
--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
--shadow-xs:0 1px 2px rgba(14,27,43,0.06);
--shadow-sm:0 2px 8px rgba(14,27,43,0.08);
--shadow-md:0 8px 24px rgba(14,27,43,0.10);
--shadow-lg:0 16px 40px rgba(14,27,43,0.14);
--shadow-focus:0 0 0 3px rgba(63,149,222,0.35);
--ease-standard:cubic-bezier(.4,0,.2,1);
--ease-out:cubic-bezier(0,0,.2,1);
--ease-bounce:cubic-bezier(.34,1.56,.64,1);
--dur-fast:120ms;
--dur-base:200ms;
--dur-slow:320ms;
}
:root{
--space-0:0;--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;
--container-max:1200px;
}