:root{
--color-teal-50:oklch(96% 0.03 175);
--color-teal-100:oklch(91% 0.07 175);
--color-teal-300:oklch(78% 0.12 175);
--color-teal-500:oklch(64% 0.13 175);
--color-teal-600:#0BA899;
--color-teal-700:oklch(52% 0.11 175);
--color-teal-800:oklch(42% 0.09 175);
--color-navy-500:oklch(45% 0.05 265);
--color-navy-700:oklch(30% 0.045 265);
--color-navy-900:#111827;
--color-white:#FFFFFF;
--color-gray-50:oklch(98% 0.003 265);
--color-gray-100:oklch(95% 0.005 265);
--color-gray-200:oklch(91% 0.006 265);
--color-gray-300:oklch(84% 0.008 265);
--color-gray-500:oklch(62% 0.012 265);
--color-gray-600:oklch(52% 0.012 265);
--color-success:#0BA899;
--color-warning:oklch(78% 0.15 85);
--color-danger:oklch(58% 0.19 25);
--surface-page:var(--color-white);
--surface-sunken:var(--color-gray-50);
--surface-card:var(--color-white);
--surface-inverse:var(--color-navy-900);
--text-primary:var(--color-navy-900);
--text-secondary:var(--color-gray-600);
--text-inverse:var(--color-white);
--text-accent:var(--color-teal-700);
--border-subtle:var(--color-gray-200);
--border-strong:var(--color-navy-900);
--accent:var(--color-teal-600);
--accent-hover:var(--color-teal-700);
--accent-press:var(--color-teal-800);
}