:root{
--color-canvas:#F4F7F6;
--color-surface:#FFFFFF;
--color-navy-900:#0B2347;
--color-navy-700:oklch(33% 0.07 255);
--color-navy-500:oklch(48% 0.06 255);
--color-green-700:#007D37;
--color-green-500:#009A44;
--color-green-300:oklch(76% 0.15 155);
--color-green-100:oklch(94% 0.06 155);
--color-neutral-900:oklch(22% 0.02 255);
--color-neutral-700:oklch(40% 0.02 255);
--color-neutral-500:oklch(56% 0.015 255);
--color-neutral-300:oklch(78% 0.012 255);
--color-neutral-200:oklch(89% 0.008 255);
--color-neutral-100:oklch(95% 0.005 255);
--color-neutral-0:#FFFFFF;
--color-warning:oklch(79% 0.15 80);
--color-warning-100:oklch(95% 0.05 85);
--color-danger:oklch(54% 0.19 25);
--color-danger-100:oklch(94% 0.04 25);
--color-info:oklch(55% 0.11 240);
--color-info-100:oklch(94% 0.03 240);

--surface-canvas:var(--color-canvas);
--surface-card:var(--color-surface);
--surface-sunken:var(--color-neutral-100);
--surface-inverse:var(--color-navy-900);

--text-primary:var(--color-navy-900);
--text-secondary:var(--color-neutral-700);
--text-muted:var(--color-neutral-500);
--text-inverse:#FFFFFF;
--text-on-brand:#FFFFFF;

--brand-navy:var(--color-navy-900);
--brand-primary:var(--color-green-700);
--brand-accent:var(--color-green-500);
--brand-accent-soft:var(--color-green-100);

--border-subtle:var(--color-neutral-200);
--border-default:var(--color-neutral-300);
--border-strong:var(--color-navy-900);

--state-success:var(--color-green-500);
--state-warning:var(--color-warning);
--state-danger:var(--color-danger);
--state-info:var(--color-info);

--focus-ring:0 0 0 3px rgba(0,154,68,0.28);

--glass-bg:rgba(255,255,255,0.6);
--glass-bg-strong:rgba(255,255,255,0.78);
--glass-border:rgba(11,35,71,0.08);
--glass-blur:16px;
}