:root{
/* base palette — warm sand + sage, deep teal accent drawn from the logo */
--sand-0:#fbf8f3;
--sand-50:#f5f0e6;
--sand-100:#ede4d3;
--sand-200:#e0d3b8;
--sand-300:#cdb994;
--sage-50:#eef2e9;
--sage-100:#dde6d4;
--sage-300:#b7c9ac;
--sage-500:#87a179;
--sage-700:#5c7752;
--teal-100:#e1eceb;
--teal-300:#9ec3c4;
--teal-500:#4d868c;
--teal-700:#2f5559;
--teal-900:#1d3538;
--ink-900:#26241f;
--ink-700:#4a4640;
--ink-500:#736c60;
--ink-300:#a29a8a;
--white:#ffffff;
--rose-300:#d9a9a0;
--rose-500:#b97563;

/* semantic surfaces */
--surface-page:var(--sand-0);
--surface-page-alt:var(--sage-50);
--surface-card:var(--white);
--surface-sunken:var(--sand-50);
--surface-deep:var(--teal-900);
--surface-overlay:rgba(38,36,31,.55);

/* semantic text */
--text-heading:var(--ink-900);
--text-body:var(--ink-700);
--text-muted:var(--ink-500);
--text-on-deep:var(--sand-50);
--text-on-accent:var(--white);
--text-link:var(--teal-700);
--text-link-hover:var(--teal-900);

/* borders */
--border-subtle:var(--sand-200);
--border-strong:var(--ink-300);
--border-on-deep:rgba(245,240,230,.22);

/* accents */
--accent-primary:var(--teal-700);
--accent-primary-hover:var(--teal-900);
--accent-primary-active:var(--teal-900);
--accent-secondary:var(--sage-500);
--accent-secondary-hover:var(--sage-700);
--accent-soft:var(--sage-100);
--focus-ring:var(--teal-500);
}