:root{
--color-burnt-orange:#E85D2C;
--color-burnt-orange-dark:#C74A1F;
--color-burnt-orange-light:#F28759;
--color-espresso:#2B1F1A;
--color-espresso-70:rgba(43,31,26,.7);
--color-espresso-50:rgba(43,31,26,.5);
--color-espresso-20:rgba(43,31,26,.2);
--color-espresso-10:rgba(43,31,26,.1);
--color-sand:#E8DDD0;
--color-paper:#F4EFE6;
--color-white:#FFFFFF;
--color-success:#3F6B4A;
--color-error:#B23A2E;

--surface-page:var(--color-paper);
--surface-section:var(--color-sand);
--surface-dark:var(--color-espresso);
--surface-card:var(--color-paper);
--surface-input:var(--color-white);

--text-primary:var(--color-espresso);
--text-secondary:var(--color-espresso-70);
--text-muted:var(--color-espresso-50);
--text-inverse:var(--color-paper);
--text-accent:var(--color-burnt-orange);

--accent:var(--color-burnt-orange);
--accent-hover:var(--color-burnt-orange-dark);
--accent-tint:var(--color-burnt-orange-light);

--border-default:var(--color-espresso-20);
--border-strong:var(--color-espresso-50);
--border-accent:var(--color-burnt-orange);
--border-input:var(--color-espresso-20);
--border-input-focus:var(--color-burnt-orange);
}