@import url('https://fonts.googleapis.com/css2?family=Karla:wght@600;700;800&family=Figtree:wght@400;500;600;700;800&display=swap');

:root{
/* colors */
--ink-900:#1D192A;
--ink-700:#3A3550;
--ink-500:#5C5770;
--mint-100:#EAF9F3;
--mint-200:#C9EFE0;
--mint-500:#4FCBA5;
--mint-600:#35A98A;
--mint-700:#218870;
--cream-50:#FFFFFF;
--cream-100:#FBFAF8;
--mist-100:#F3F1EE;
--mist-200:#E9E6E1;
--mist-300:#DEDAD3;
--muted-400:#ABA8BE;
--gray-600:#6E6B7D;
--gray-800:#433F55;
--text-primary:var(--ink-900);
--text-secondary:var(--gray-600);
--text-muted:var(--muted-400);
--text-inverse:var(--cream-50);
--surface-page:var(--cream-50);
--surface-alt:var(--cream-100);
--surface-card:var(--mist-100);
--surface-inverse:var(--ink-900);
--mint:var(--mint-500);
--mint-hover:var(--mint-600);
--mint-tint:var(--mint-100);
--border-subtle:var(--mist-300);

/* typography */
--font-display:'Karla',ui-sans-serif,sans-serif;
--font-body:'Figtree',system-ui,sans-serif;
--fs-display-xl:88px;
--fs-display-lg:64px;
--fs-display-md:48px;
--fs-display-sm:36px;
--fs-heading:28px;
--fs-body-lg:22px;
--fs-body:17px;
--fs-body-sm:15px;
--fs-caption:13px;
--lh-tight:1.02;
--lh-snug:1.15;
--lh-normal:1.5;
--fw-regular:400;
--fw-medium:600;
--fw-bold:700;
--fw-display:800;
--ls-display:-0.02em;

/* spacing */
--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 / shadow / motion */
--radius-sm:12px;
--radius-md:20px;
--radius-lg:32px;
--radius-xl:40px;
--radius-pill:999px;
--shadow-float:0 8px 24px rgba(29,25,42,0.18);
--shadow-card:none;
--ease-standard:cubic-bezier(.22,.9,.3,1);
--dur-fast:120ms;
--dur-normal:220ms;
}