:root{
  /* ---- Base palette ---- */
  /* Clay / terracotta — primary brand, from the logo mark */
  --clay-50:#faf0ea;
  --clay-100:#f3d9cc;
  --clay-200:#e7b39d;
  --clay-300:#d98d6f;
  --clay-400:#cd7150;
  --clay-500:#bf5836;   /* core terracotta */
  --clay-600:#a5462a;
  --clay-700:#843722;
  --clay-800:#632a1c;

  /* Espresso — deep warm brown, from the wordmark */
  --espresso-900:#2a1a12;
  --espresso-800:#3a2519;
  --espresso-700:#4c3323;
  --espresso-600:#63432f;

  /* Sand / parchment — warm neutrals + surfaces */
  --sand-50:#fdfaf4;
  --sand-100:#f9f2e6;
  --sand-200:#f0e5d1;
  --sand-300:#e3d3b8;
  --sand-400:#cbb896;
  --sand-500:#a8956f;

  /* ---- Accents (Senegalese pantry) ---- */
  --turmeric:#e3a531;   /* mustard / yolk */
  --turmeric-dark:#c9861a;
  --bissap:#8f2b3a;     /* hibiscus deep red */
  --bissap-dark:#6f2029;
  --herb:#4f6b45;       /* leaf / mint green */
  --herb-dark:#3b5333;

  /* ---- Semantic aliases ---- */
  --brand:var(--clay-600);
  --brand-hover:var(--clay-700);
  --brand-active:var(--clay-800);
  --brand-soft:var(--clay-50);

  --bg:var(--sand-50);
  --surface:#ffffff;
  --surface-sunken:var(--sand-100);
  --surface-inverse:var(--espresso-900);

  --text:var(--espresso-900);
  --text-muted:var(--espresso-600);
  --text-subtle:var(--sand-500);
  --text-on-brand:var(--sand-50);
  --text-inverse:var(--sand-50);

  --border:var(--sand-200);
  --border-strong:var(--sand-300);
  --focus-ring:var(--clay-400);

  --accent-warm:var(--turmeric);
  --accent-deep:var(--bissap);
  --accent-fresh:var(--herb);

  --success:#4f6b45;
  --danger:#a5462a;
}