:root{
/* base palette */
--oak-green-900:#08251A;--oak-green-800:#0D3325;--oak-green-700:#103A2B;--oak-green-600:#17513B;--oak-green-500:#25714F;--oak-green-200:#B7D3C4;--oak-green-100:#DCEBE2;
--oak-orange-700:#B8410C;--oak-orange-600:#DB5411;--oak-orange-500:#F4661B;--oak-orange-400:#FF7C34;--oak-orange-200:#FFC49F;--oak-orange-100:#FFE6D6;
--oak-yellow-600:#C9A521;--oak-yellow-500:#E9C544;--oak-yellow-400:#F2DC4E;--oak-yellow-200:#FAEDA8;
--oak-cream-500:#F0D9AE;--oak-cream-400:#F7E7C9;--oak-cream-300:#FBEFDA;--oak-cream-200:#FDF6EA;
--oak-ink-900:#12241C;--oak-ink-700:#33453C;--oak-ink-500:#6B7B72;--oak-ink-300:#A9B5AE;--oak-ink-100:#E3E8E4;
--oak-white:#FFFFFF;
--oak-red-500:#D8322A;--oak-mint-500:#3E9E6C;

/* semantic — surfaces */
--surface-page:var(--oak-cream-300);
--surface-card:var(--oak-white);
--surface-raised:var(--oak-cream-200);
--surface-inverse:var(--oak-green-700);
--surface-accent:var(--oak-orange-500);
--surface-highlight:var(--oak-yellow-500);
--surface-sunken:var(--oak-cream-400);

/* semantic — text */
--text-body:var(--oak-ink-900);
--text-muted:var(--oak-ink-500);
--text-inverse:var(--oak-white);
--text-accent:var(--oak-orange-500);
--text-on-accent:var(--oak-white);
--text-on-highlight:var(--oak-green-700);

/* semantic — lines & interaction */
--border-strong:var(--oak-green-700);
--border-subtle:var(--oak-ink-100);
--border-accent:var(--oak-orange-500);
--focus-ring:var(--oak-yellow-400);
--action-primary:var(--oak-orange-500);
--action-primary-hover:var(--oak-orange-400);
--action-primary-press:var(--oak-orange-600);
--action-secondary:var(--oak-green-700);
--action-secondary-hover:var(--oak-green-600);
--action-secondary-press:var(--oak-green-800);

/* semantic — status */
--status-success:var(--oak-mint-500);
--status-warning:var(--oak-yellow-600);
--status-danger:var(--oak-red-500);
}