:root{--color-brand-50:oklch(0.977 0.03 168);--color-brand-100:oklch(0.95 0.055 168);--color-brand-200:oklch(0.905 0.09 168);--color-brand-300:oklch(0.845 0.115 168);--color-brand-400:oklch(0.765 0.135 168);--color-brand-500:oklch(0.68 0.145 168);--color-brand-600:oklch(0.575 0.128 168);--color-brand-700:oklch(0.49 0.11 168);--color-brand-800:oklch(0.405 0.09 168);--color-brand-900:oklch(0.33 0.07 170);--color-brand-950:oklch(0.26 0.05 172);--color-accent-300:oklch(0.87 0.09 38);--color-accent-400:oklch(0.8 0.13 34);--color-accent-500:oklch(0.73 0.16 30);--color-accent-600:oklch(0.65 0.16 28);--color-accent-700:oklch(0.55 0.14 26);--pastel-mint:oklch(0.95 0.05 168);--pastel-mint-fg:oklch(0.38 0.09 168);--pastel-peach:oklch(0.95 0.045 45);--pastel-peach-fg:oklch(0.47 0.12 35);--pastel-lilac:oklch(0.94 0.045 300);--pastel-lilac-fg:oklch(0.44 0.11 300);--pastel-sky:oklch(0.945 0.042 230);--pastel-sky-fg:oklch(0.44 0.1 240);--pastel-lemon:oklch(0.963 0.065 100);--pastel-lemon-fg:oklch(0.5 0.1 85);--pastel-rose:oklch(0.945 0.045 355);--pastel-rose-fg:oklch(0.47 0.13 355);--color-bg:oklch(0.987 0.008 150);--color-bg-elevated:oklch(1 0 0);--color-fg:oklch(0.26 0.04 225);--color-muted:oklch(0.955 0.02 165);--color-muted-fg:oklch(0.47 0.03 225);--color-border:oklch(0.91 0.018 165);--color-border-strong:oklch(0.84 0.025 165);--color-card:oklch(1 0 0);--color-card-fg:oklch(0.26 0.04 225);--color-ink:oklch(0.25 0.05 210);--radius-sm:0.625rem;--radius:1rem;--radius-lg:1.5rem;--radius-xl:2.25rem;--radius-2xl:3rem;--shadow-card:0 1px 2px oklch(0.4 0.06 190/0.05),0 10px 30px -14px oklch(0.4 0.08 190/0.16);--shadow-soft:0 1px 2px oklch(0.4 0.06 190/0.05),0 5px 18px -6px oklch(0.4 0.08 190/0.1);--shadow-pillar:0 32px 64px -24px oklch(0.32 0.07 190/0.4);--shadow-pop:0 3px 0 oklch(0.4 0.08 190/0.06),0 18px 40px -16px oklch(0.45 0.1 190/0.28);--shadow-glow:0 10px 40px -10px var(--color-brand-400)}