:root{
--terracotta:#B5563A;
--olive:#6B7A4F;
--ochre:#C9963E;
--calce:#EDE6DA;
--ombra:#2F2A26;
--paper:#FAF7F1;
--white:#FFFFFF;

--color-bg:var(--calce);
--color-bg-alt:var(--paper);
--color-surface:var(--paper);
--color-surface-raised:var(--white);
--color-text:var(--ombra);
--color-text-muted:color-mix(in oklch,var(--ombra) 62%,var(--calce));
--color-text-on-primary:var(--paper);
--color-text-on-dark:var(--calce);
--color-border:color-mix(in oklch,var(--ombra) 16%,var(--calce));
--color-border-strong:color-mix(in oklch,var(--ombra) 32%,var(--calce));

--color-primary:var(--terracotta);
--color-primary-hover:color-mix(in oklch,var(--terracotta) 88%,black);
--color-primary-active:color-mix(in oklch,var(--terracotta) 76%,black);
--color-primary-soft:color-mix(in oklch,var(--terracotta) 14%,var(--paper));
--color-primary-soft-border:color-mix(in oklch,var(--terracotta) 34%,var(--paper));

--color-secondary:var(--olive);
--color-secondary-hover:color-mix(in oklch,var(--olive) 88%,black);
--color-secondary-active:color-mix(in oklch,var(--olive) 76%,black);
--color-secondary-soft:color-mix(in oklch,var(--olive) 14%,var(--paper));
--color-secondary-soft-border:color-mix(in oklch,var(--olive) 34%,var(--paper));

--color-accent:var(--ochre);
--color-accent-hover:color-mix(in oklch,var(--ochre) 88%,black);
--color-accent-soft:color-mix(in oklch,var(--ochre) 16%,var(--paper));
--color-accent-soft-border:color-mix(in oklch,var(--ochre) 40%,var(--paper));

--color-success:var(--olive);
--color-danger:#9C3B2A;
--color-danger-soft:color-mix(in oklch,var(--color-danger) 14%,var(--paper));

--shadow-color:2F2A26;
--shadow-sm:0 1px 2px rgba(47,42,38,.08);
--shadow-md:0 4px 12px rgba(47,42,38,.10),0 1px 3px rgba(47,42,38,.08);
--shadow-lg:0 12px 28px rgba(47,42,38,.14),0 2px 6px rgba(47,42,38,.08);
}