:root{
/* ---- Navy (ink / text) ---- */
--navy-50:oklch(97% 0.006 262);
--navy-100:oklch(93% 0.010 262);
--navy-200:oklch(86% 0.016 262);
--navy-300:oklch(76% 0.022 262);
--navy-400:oklch(64% 0.028 262);
--navy-500:oklch(52% 0.034 262);
--navy-600:oklch(43% 0.038 262);
--navy-700:oklch(35% 0.040 262);
--navy-800:oklch(27% 0.038 262);
--navy-900:oklch(21% 0.032 262);
--navy-950:oklch(15% 0.026 262);
/* ---- Paper (warm neutral surfaces) ---- */
--paper-0:oklch(99% 0.005 80);
--paper-50:oklch(97.5% 0.010 75);
--paper-100:oklch(95% 0.014 72);
--paper-200:oklch(91% 0.016 68);
--paper-300:oklch(85% 0.018 65);
--paper-400:oklch(76% 0.018 62);
/* ---- Periwinkle (muted indigo accent) ---- */
--periwinkle-50:oklch(96% 0.014 276);
--periwinkle-100:oklch(92% 0.024 276);
--periwinkle-200:oklch(85% 0.038 276);
--periwinkle-300:oklch(76% 0.052 276);
--periwinkle-400:oklch(67% 0.062 276);
--periwinkle-500:oklch(58% 0.068 276);
--periwinkle-600:oklch(50% 0.066 276);
--periwinkle-700:oklch(42% 0.058 276);
--periwinkle-800:oklch(34% 0.048 276);
--periwinkle-900:oklch(26% 0.036 276);
/* ---- Clay (complementary warm — primary actions) ---- */
--clay-50:oklch(96% 0.020 55);
--clay-100:oklch(91% 0.040 52);
--clay-200:oklch(84% 0.062 50);
--clay-300:oklch(75% 0.084 48);
--clay-400:oklch(67% 0.100 46);
--clay-500:oklch(59% 0.112 44);
--clay-600:oklch(51% 0.108 42);
--clay-700:oklch(43% 0.096 40);
--clay-800:oklch(35% 0.078 40);
--clay-900:oklch(27% 0.060 40);
/* ---- Semantic status (muted, matched to warmth) ---- */
--success-100:oklch(93% 0.035 148);
--success-500:oklch(55% 0.100 148);
--success-700:oklch(38% 0.080 150);
--warning-100:oklch(94% 0.045 82);
--warning-500:oklch(67% 0.120 74);
--warning-700:oklch(45% 0.090 60);
--danger-100:oklch(93% 0.038 20);
--danger-500:oklch(54% 0.140 25);
--danger-700:oklch(38% 0.110 24);
/* ---- Semantic aliases ---- */
--color-bg:var(--paper-50);
--color-bg-strong:var(--paper-100);
--color-surface:var(--paper-0);
--color-surface-raised:oklch(100% 0 0);
--color-border-subtle:var(--paper-300);
--color-border:oklch(80% 0.020 65);
--color-border-strong:var(--navy-300);
--color-text-primary:var(--navy-900);
--color-text-secondary:var(--navy-600);
--color-text-muted:var(--navy-400);
--color-text-on-dark:var(--paper-50);
--color-primary:var(--clay-500);
--color-primary-hover:var(--clay-600);
--color-primary-active:var(--clay-700);
--color-primary-soft:var(--clay-50);
--color-primary-text:oklch(99% 0.004 80);
--color-accent:var(--periwinkle-500);
--color-accent-hover:var(--periwinkle-600);
--color-accent-soft:var(--periwinkle-50);
--color-accent-soft-strong:var(--periwinkle-100);
--color-focus-ring:oklch(67% 0.062 276 / 0.45);
--color-success:var(--success-500);
--color-success-soft:var(--success-100);
--color-success-text:var(--success-700);
--color-warning:var(--warning-500);
--color-warning-soft:var(--warning-100);
--color-warning-text:var(--warning-700);
--color-danger:var(--danger-500);
--color-danger-soft:var(--danger-100);
--color-danger-text:var(--danger-700);
}