:root{
--bg-0:oklch(14% 0.022 48);
--bg-1:oklch(18% 0.024 48);
--bg-2:oklch(22.5% 0.026 46);
--bg-3:oklch(27% 0.028 46);
--border-0:oklch(30% 0.02 46);
--border-1:oklch(40% 0.024 46);
--border-2:oklch(52% 0.028 46);
--fg-0:oklch(96% 0.008 60);
--fg-1:oklch(82% 0.012 55);
--fg-2:oklch(62% 0.015 55);
--fg-3:oklch(46% 0.016 50);
--accent-orange:oklch(72% 0.19 50);
--accent-orange-dim:oklch(38% 0.09 50);
--accent-orange-ink:oklch(18% 0.03 40);
--accent-violet:oklch(62% 0.2 305);
--accent-violet-dim:oklch(35% 0.11 305);
--accent-violet-2:oklch(55% 0.22 330);
--brand-brown:oklch(32% 0.09 48);
--success:oklch(76% 0.18 148);
--warning:oklch(80% 0.16 95);
--danger:oklch(66% 0.21 24);
--gradient-brand:linear-gradient(135deg,var(--accent-orange) 0%,var(--accent-violet) 100%); /* @kind other */
--gradient-surface:linear-gradient(160deg,var(--bg-1) 0%,var(--bg-0) 55%,oklch(20% 0.05 30) 100%); /* @kind other */
--surface-page:var(--bg-0);
--surface-raised:var(--bg-1);
--surface-card:var(--bg-2);
--surface-overlay:var(--bg-3);
--text-primary:var(--fg-0);
--text-secondary:var(--fg-1);
--text-muted:var(--fg-2);
--text-disabled:var(--fg-3);
--border-subtle:var(--border-0);
--border-default:var(--border-1);
--border-strong:var(--border-2);
--link:var(--accent-orange);
--link-hover:oklch(80% 0.2 55);
}