:root{
--red-50:oklch(96% 0.025 20);
--red-100:oklch(91% 0.055 20);
--red-200:oklch(84% 0.095 20);
--red-300:oklch(74% 0.145 20);
--red-400:oklch(64% 0.185 20);
--red-500:#DF1F39;
--red-600:oklch(48% 0.185 20);
--red-700:oklch(40% 0.155 20);
--red-800:oklch(32% 0.12 20);
--red-900:oklch(24% 0.09 20);
--neutral-0:#FFFFFF;
--neutral-50:oklch(98% 0.001 286);
--neutral-100:oklch(95% 0.002 286);
--neutral-200:oklch(90% 0.002 286);
--neutral-300:oklch(80% 0.003 286);
--neutral-400:oklch(65% 0.003 286);
--neutral-500:oklch(50% 0.003 286);
--neutral-600:oklch(38% 0.003 286);
--neutral-700:#404041;
--neutral-800:oklch(22% 0.003 286);
--neutral-900:oklch(14% 0.002 286);
--neutral-1000:#000000;
--surface-page:var(--neutral-0);
--surface-card:var(--neutral-0);
--surface-sunken:var(--neutral-50);
--surface-inverse:var(--neutral-700);
--surface-accent:var(--red-500);
--surface-accent-subtle:var(--red-50);
--text-primary:var(--neutral-700);
--text-secondary:var(--neutral-500);
--text-tertiary:var(--neutral-400);
--text-on-accent:var(--neutral-0);
--text-on-inverse:var(--neutral-0);
--text-link:var(--red-600);
--text-link-hover:var(--red-700);
--border-default:var(--neutral-200);
--border-strong:var(--neutral-300);
--border-accent:var(--red-500);
--accent:var(--red-500);
--accent-hover:var(--red-600);
--accent-active:var(--red-700);
--focus-ring:var(--red-400);
--state-success:oklch(55% 0.14 150);
--state-warning:oklch(70% 0.15 75);
--state-danger:var(--red-500);
--aluminum-50:oklch(97% 0.004 240);
--aluminum-100:oklch(93% 0.006 240);
--aluminum-200:oklch(87% 0.008 240);
--aluminum-300:oklch(78% 0.01 240);
--aluminum-400:oklch(68% 0.012 240);
--aluminum-500:oklch(58% 0.014 240);
--aluminum-600:oklch(48% 0.014 240);
--aluminum-700:oklch(38% 0.012 240);
--aluminum-800:oklch(28% 0.01 240);
--aluminum-900:oklch(18% 0.008 240);
--surface-tonal-1:var(--aluminum-50);
--surface-tonal-2:var(--aluminum-100);
--surface-tonal-3:var(--aluminum-200);
--surface-band:var(--aluminum-100);
--border-metal:var(--aluminum-300);
}