:root{
--color-beige:#F9EEE4;
--color-brown-deep:#170B04;
--color-olive:#746A0F;
--color-brown-20:rgba(23,11,4,.2);
--color-brown-30:rgba(23,11,4,.3);
--color-brown-50:rgba(23,11,4,.5);
--color-brown-70:rgba(23,11,4,.7);
--surface-page:var(--color-beige);
--surface-inverse:var(--color-brown-deep);
--text-primary:var(--color-brown-deep);
--text-inverse:var(--color-beige);
--text-muted:var(--color-brown-70);
--text-faint:var(--color-brown-50);
--accent:var(--color-olive);
--accent-text:var(--color-beige);
--border-subtle:var(--color-brown-20);
--border-default:var(--color-brown-30);
--btn-primary-bg:var(--color-olive);
--btn-primary-text:var(--color-beige);
--btn-primary-hover-bg:var(--color-brown-deep);
--btn-secondary-border:var(--color-brown-deep);
--btn-secondary-text:var(--color-brown-deep);
--btn-secondary-hover-bg:var(--color-brown-deep);
--btn-secondary-hover-text:var(--color-beige);
}