:root{
--color-cream:#FAFAF7;
--color-sand:#F0EAE1;
--color-beige:#E3D7C5;
--color-coffee:#211609;
--color-wood:#402809;
--color-walnut:#6B4E31;
--color-white:#FFFFFF;
--color-black:#141009;

--surface-page:var(--color-cream);
--surface-raised:var(--color-white);
--surface-sunken:var(--color-sand);
--surface-accent:var(--color-beige);
--surface-inverse:var(--color-coffee);

--border-subtle:oklch(from var(--color-walnut) l c h / 0.22);
--border-default:oklch(from var(--color-walnut) l c h / 0.4);
--border-strong:var(--color-wood);

--text-primary:var(--color-coffee);
--text-secondary:var(--color-walnut);
--text-muted:oklch(from var(--color-walnut) l c h / 0.65);
--text-inverse:var(--color-cream);
--text-on-accent:var(--color-coffee);

--accent:var(--color-wood);
--accent-hover:var(--color-coffee);
--accent-press:var(--color-black);

--focus-ring:oklch(from var(--color-wood) l c h / 0.45);

--state-danger:#8C3A2B;
--state-success:#4B5E3A;
}