:root{
  --tan:#cbb89d;
  --tan-light:#ebd7b3;
  --green-deep:#18392b;
  --green-forest:#2a4038;
  --green-slate:#2f3a34;
  --green-black:#1f2723;
  --cream:#f7f5f2;
  --beige:#e8e1d9;
  --charcoal:#3c3c3c;
  --gold:#d6ad60;

  --brand-primary:var(--green-deep);
  --brand-primary-hover:var(--green-forest);
  --brand-secondary:var(--gold);
  --brand-secondary-hover:#c49a4c;

  --surface-page:var(--cream);
  --surface-card:#ffffff;
  --surface-sunken:var(--beige);
  --surface-dark:var(--green-black);

  --text-heading:var(--green-black);
  --text-body:var(--charcoal);
  --text-muted:#6b6b64;
  --text-on-dark:var(--cream);
  --text-on-primary:var(--cream);
  --text-on-secondary:var(--green-black);

  --border-subtle:color-mix(in oklch,var(--charcoal) 14%,transparent);
  --border-strong:color-mix(in oklch,var(--green-black) 30%,transparent);

  --focus-ring:var(--gold);
  --shadow-color:color-mix(in oklch,var(--green-black) 22%,transparent);
}