:root{
  /* base palette — from Stigsell Strategies Brand Guide PDF */
  --color-cream:#faf8f5;
  --color-tan:#dfdacf;
  --color-charcoal:#262626;
  --color-espresso:#4d403a;
  --color-taupe:#a3968d;
  --color-white:#ffffff;

  /* tints/shades derived in oklch for hover/press/border states */
  --color-cream-dim:oklch(from var(--color-cream) calc(l - 0.03) c h);
  --color-tan-dim:oklch(from var(--color-tan) calc(l - 0.06) c h);
  --color-taupe-dim:oklch(from var(--color-taupe) calc(l - 0.08) c h);
  --color-charcoal-hover:oklch(from var(--color-charcoal) calc(l + 0.12) c h);
  --color-espresso-hover:oklch(from var(--color-espresso) calc(l + 0.08) c h);

  /* semantic aliases */
  --bg-page:var(--color-cream);
  --bg-surface:var(--color-white);
  --bg-surface-sunken:var(--color-tan);
  --bg-inverse:var(--color-charcoal);
  --text-primary:var(--color-charcoal);
  --text-secondary:var(--color-espresso);
  --text-muted:var(--color-taupe);
  --text-on-inverse:var(--color-cream);
  --border-subtle:oklch(from var(--color-taupe) l c h / 0.35);
  --border-default:oklch(from var(--color-espresso) l c h / 0.25);
  --accent:var(--color-espresso);
  --accent-strong:var(--color-charcoal);

  /* semantic status — muted, brand-consistent (no saturated system colors) */
  --status-success:#5c6b4f;
  --status-error:#8a4a3a;
}