:root{
/* Primary — deep teal */
--teal-50:oklch(0.97 0.012 195);--teal-100:oklch(0.93 0.03 195);--teal-200:oklch(0.87 0.05 195);--teal-300:oklch(0.78 0.07 195);--teal-400:oklch(0.62 0.09 195);--teal-500:oklch(0.52 0.095 195);--teal-600:oklch(0.45 0.09 195);--teal-700:oklch(0.39 0.08 195);--teal-800:oklch(0.32 0.06 195);--teal-900:oklch(0.26 0.05 195);
/* Neutrals — warm gray */
--gray-0:#ffffff;--gray-25:oklch(0.985 0.003 85);--gray-50:oklch(0.965 0.004 85);--gray-100:oklch(0.93 0.005 85);--gray-200:oklch(0.88 0.006 85);--gray-300:oklch(0.80 0.007 85);--gray-400:oklch(0.68 0.008 85);--gray-500:oklch(0.56 0.008 85);--gray-600:oklch(0.47 0.008 85);--gray-700:oklch(0.38 0.008 85);--gray-800:oklch(0.28 0.007 85);--gray-900:oklch(0.21 0.006 85);
/* Semantic scales */
--red-100:oklch(0.93 0.04 25);--red-500:oklch(0.55 0.16 25);--red-600:oklch(0.48 0.15 25);--red-700:oklch(0.41 0.13 25);
--amber-100:oklch(0.95 0.05 85);--amber-500:oklch(0.68 0.13 75);--amber-600:oklch(0.55 0.11 70);--amber-700:oklch(0.47 0.10 65);
--green-100:oklch(0.94 0.05 150);--green-500:oklch(0.60 0.13 155);--green-600:oklch(0.50 0.12 155);--green-700:oklch(0.42 0.10 155);
/* Aliases — surfaces */
--surface-page:var(--gray-25);--surface-card:var(--gray-0);--surface-sunken:var(--gray-50);--surface-hover:var(--gray-50);--surface-inverse:var(--gray-900);
/* Aliases — text */
--text-body:var(--gray-900);--text-muted:var(--gray-600);--text-faint:var(--gray-400);--text-inverse:var(--gray-25);--text-link:var(--teal-600);--text-link-hover:var(--teal-700);
/* Aliases — borders */
--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-focus:var(--teal-500);
/* Aliases — accent */
--accent:var(--teal-600);--accent-hover:var(--teal-700);--accent-active:var(--teal-800);--accent-subtle:var(--teal-50);--accent-border:var(--teal-200);--on-accent:#ffffff;
/* Status — mirrors the product's finding severities: stop / let op / klaar */
--status-stop-fg:var(--red-700);--status-stop-bg:var(--red-100);--status-stop-solid:var(--red-600);
--status-attention-fg:var(--amber-700);--status-attention-bg:var(--amber-100);--status-attention-solid:var(--amber-600);
--status-ready-fg:var(--green-700);--status-ready-bg:var(--green-100);--status-ready-solid:var(--green-600);
}