:root{--bg-page:oklch(99% 0.002 150);--bg-container:oklch(97% 0.006 150);--bg-subtle:oklch(95% 0.008 150);--bg-neutral:oklch(88% 0.010 150);--bg-inverse:oklch(15% 0.030 150);--bg-brand:oklch(92% 0.090 150);--bg-brand-strong:oklch(85% 0.140 150);--bg-accent-soft:oklch(94% 0.060 152);--bg-warm:oklch(95% 0.030 80);--ink:oklch(15% 0.025 150);--ink-2:oklch(28% 0.020 150);--ink-3:oklch(48% 0.015 150);--ink-4:oklch(65% 0.012 150);--rule:oklch(88% 0.008 150);--rule-strong:oklch(78% 0.012 150);--rule-soft:oklch(88% 0.008 150/0.7);--ink-veil:oklch(15% 0.030 150/0.3);--emerald:oklch(41% 0.077 175);--accent:oklch(68% 0.190 152);--accent-ink:oklch(15% 0.030 150);--accent-hover:oklch(60% 0.190 152);--accent-soft:oklch(94% 0.060 152);--accent-veil:oklch(68% 0.190 152/0.16);--accent-edge:oklch(68% 0.190 152/0.3);--accent-line:oklch(68% 0.190 152/0.55);--accent-text:oklch(50% 0.170 152);--danger:oklch(55% 0.180 28);--danger-soft:oklch(94% 0.060 28);--warn:oklch(78% 0.160 75);--warn-soft:oklch(95% 0.040 75);--focus:oklch(68% 0.190 152);--font-display:var(--font-jakarta),system-ui,-apple-system,sans-serif;--font-body:var(--font-jakarta),system-ui,-apple-system,sans-serif;--font-mono:var(--font-jetbrains-mono),ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.625rem;--text-display-s:clamp(1.75rem,1.25rem + 2vw,2.625rem);--text-display:clamp(2.5rem,1.3rem + 4vw,4.5rem);--text-hero:clamp(3rem,2.25rem + 3vw,4.5rem);--text-display-l:clamp(3rem,1.6rem + 5.5vw,6rem);--leading-pill:1.3;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--space-4xl:10rem;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-short:220ms;--dur-med:360ms;--shadow-mock:0 28px 70px rgba(0,0,0,.14),0 14px 32px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.06);--grain-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.6'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)'/%3E%3C/svg%3E");--radius-input:12px;--radius-card:24px;--radius-card-lg:32px;--radius-pill:999px;--radius-tag:8px}