:root{
  /* base palette */
  --color-cream:#EEF0E4;
  --color-warm-white:#FAFAF6;
  --color-sage:#A7AE9E;
  --color-sage-light:#C7CCBE;
  --color-deep-sage:#6F7864;
  --color-deep-sage-dark:#565E4D;
  --color-charcoal:#242721;
  --color-terracotta:#C17A56;
  --color-terracotta-deep:#9F5C3A;
  --color-sand:#EAD9C9;
  --color-white:#FFFFFF;
  --color-line: rgba(36,39,33,0.10);
  --color-line-strong: rgba(36,39,33,0.18);

  /* semantic aliases */
  --surface-page:var(--color-cream);
  --surface-card:var(--color-warm-white);
  --surface-emphasis:var(--color-deep-sage);
  --surface-emphasis-text:var(--color-warm-white);

  --text-body:var(--color-charcoal);
  --text-muted: rgba(36,39,33,0.65);
  --text-eyebrow:var(--color-deep-sage);
  --text-on-emphasis:var(--color-warm-white);

  --accent-primary:var(--color-deep-sage);
  --accent-cta:var(--color-terracotta-deep);
  --accent-decorative:var(--color-sage);
  --logo-mark:var(--color-sand);

  --border-default:var(--color-line);
  --border-strong:var(--color-line-strong);
  --border-cta:var(--color-terracotta-deep);
  --border-primary:var(--color-deep-sage);
}