:root{
/* ---- Primary: VectorShift Teal (from logo bg) ---- */
--primary-50:oklch(0.97 0.008 234);
--primary-100:oklch(0.93 0.016 234);
--primary-200:oklch(0.86 0.028 234);
--primary-300:oklch(0.76 0.040 234);
--primary-400:oklch(0.63 0.050 234);
--primary-500:oklch(0.455 0.058 234); /* brand base #345C72 */
--primary-600:oklch(0.40 0.060 234);
--primary-700:oklch(0.33 0.055 234);
--primary-800:oklch(0.26 0.045 234);
--primary-900:oklch(0.19 0.035 234);
--primary-950:oklch(0.13 0.025 234);

/* ---- Accent: Signal Orange (from logo mark) ---- */
--accent-50:oklch(0.97 0.020 39);
--accent-100:oklch(0.93 0.050 39);
--accent-200:oklch(0.87 0.090 39);
--accent-300:oklch(0.80 0.130 39);
--accent-400:oklch(0.74 0.170 39);
--accent-500:oklch(0.68 0.188 39); /* brand base #F46530 */
--accent-600:oklch(0.60 0.180 39);
--accent-700:oklch(0.52 0.160 39);
--accent-800:oklch(0.43 0.130 39);
--accent-900:oklch(0.34 0.100 39);

/* ---- Neutrals: warm stone (slightly warm gray, hue 60) ---- */
--stone-0:oklch(1 0 0);
--stone-50:oklch(0.985 0.003 60);
--stone-100:oklch(0.96 0.005 60);
--stone-200:oklch(0.91 0.008 60);
--stone-300:oklch(0.83 0.010 60);
--stone-400:oklch(0.68 0.012 60);
--stone-500:oklch(0.55 0.014 60);
--stone-600:oklch(0.45 0.013 60);
--stone-700:oklch(0.36 0.012 60);
--stone-800:oklch(0.27 0.010 60);
--stone-900:oklch(0.19 0.008 60);
--stone-950:oklch(0.13 0.006 60);

/* ---- Semantic status ---- */
--success-500:oklch(0.58 0.15 148);
--success-100:oklch(0.94 0.05 148);
--success-700:oklch(0.40 0.13 148);
--warning-500:oklch(0.78 0.16 85);
--warning-100:oklch(0.95 0.06 85);
--warning-700:oklch(0.50 0.13 75);
--error-500:oklch(0.58 0.19 25);
--error-100:oklch(0.94 0.05 25);
--error-700:oklch(0.42 0.17 25);
--info-500:oklch(0.58 0.11 255);
--info-100:oklch(0.94 0.03 255);
--info-700:oklch(0.40 0.10 255);

/* ---- Semantic aliases ---- */
--bg-page:var(--stone-50);
--bg-surface:var(--stone-0);
--bg-sunken:var(--stone-100);
--bg-inverse:var(--primary-900);
--surface-card:var(--stone-0);
--border-subtle:var(--stone-200);
--border-default:var(--stone-300);
--border-strong:var(--stone-400);
--text-heading:var(--primary-900);
--text-body:var(--stone-700);
--text-muted:var(--stone-500);
--text-inverse:var(--stone-0);
--text-link:var(--primary-600);
--brand-primary:var(--primary-500);
--brand-accent:var(--accent-500);
--focus-ring:var(--accent-500);
}