:root{
/* base palette */
--blue-900:#152b7d;
--blue-700:#1a349d;
--blue-600:#1E40AF;
--blue-500:#2f56d1;
--blue-100:#e6ecfb;
--blue-50:#f2f5fd;
--green-700:#158a44;
--green-600:#1aa350;
--green-500:#22C55E;
--green-100:#e3f9ea;
--gray-900:#111827;
--gray-700:#374151;
--gray-600:#4B5563;
--gray-400:#9aa4b2;
--gray-300:#cbd2db;
--gray-200:#E5E7EB;
--gray-100:#f1f3f5;
--slate-50:#F8FAFC;
--white:#FFFFFF;
--success-600:#16A34A;
--error-600:#DC2626;
--warning-500:#F59E0B;

/* semantic aliases */
--color-bg-page:var(--slate-50);
--color-bg-surface:var(--white);
--color-bg-sunken:var(--gray-100);
--color-text-primary:var(--gray-900);
--color-text-secondary:var(--gray-600);
--color-text-inverse:var(--white);
--color-text-link:var(--blue-600);
--color-border:var(--gray-200);
--color-border-strong:var(--gray-300);
--color-accent-primary:var(--blue-600);
--color-accent-primary-hover:var(--blue-700);
--color-accent-primary-active:var(--blue-900);
--color-accent-green:var(--green-500);
--color-accent-green-hover:var(--green-600);
--color-accent-green-active:var(--green-700);
--color-accent-soft:var(--blue-50);
--color-accent-soft-hover:var(--blue-100);
--color-success:var(--success-600);
--color-success-bg:var(--green-100);
--color-error:var(--error-600);
--color-error-bg:#fdecec;
--color-warning:var(--warning-500);
--color-warning-bg:#fef4e2;
--color-focus-ring:oklch(from var(--blue-600) l c h / 0.35);
}