:root{
--maziko-green:#0F4037;
--maziko-green-light:#dce8e3;
--ivory:#F5F2EC;
--charcoal:#1C1C1A;
--sage-mist:#9CB3A8;
--white:#FFFFFF;
--green-050:oklch(from var(--maziko-green) 0.97 0.015 h);
--green-100:oklch(from var(--maziko-green) 0.92 0.03 h);
--green-300:oklch(from var(--maziko-green) 0.62 0.06 h);
--green-600:oklch(from var(--maziko-green) 0.34 0.045 h);
--green-700:oklch(from var(--maziko-green) 0.27 0.04 h);
--green-900:oklch(from var(--maziko-green) 0.16 0.03 h);
--sage-100:oklch(from var(--sage-mist) 0.93 0.02 h);
--sage-600:oklch(from var(--sage-mist) 0.55 0.045 h);
--error:oklch(0.52 0.16 25);
--error-light:oklch(0.95 0.03 25);
--warning:oklch(0.68 0.13 70);
--warning-light:oklch(0.95 0.04 70);
--success:var(--maziko-green);
--success-light:var(--green-050);
--text-primary:var(--charcoal);
--text-secondary:oklch(from var(--charcoal) 0.42 0.005 h);
--text-inverse:var(--ivory);
--text-on-green:var(--ivory);
--surface-page:var(--ivory);
--surface-raised:var(--white);
--surface-inverse:var(--maziko-green);
--surface-sunken:var(--green-050);
--surface-tint:var(--sage-100);
--border-subtle:oklch(from var(--charcoal) 0.85 0.005 h);
--border-strong:var(--charcoal);
--accent:var(--maziko-green);
--accent-hover:var(--green-700);
--accent-active:var(--green-900);
--focus-ring:var(--green-300);
}