/* ── Palette tokens ── */
:root {
  --bg:       #f5efe4;
  --bg-elev:  #fbf6ec;
  --fg:       #2b2a26;
  --fg-muted: #6b6760;
  --accent:   #4a6a4a;
  --accent-2: #c87850;
  --border:   #e0d8c8;
}

[data-theme="dark"] {
  --bg:       #15171a;
  --bg-elev:  #1d2024;
  --fg:       #e6dfd1;
  --fg-muted: #a8a097;
  --accent:   #7a9778;
  --accent-2: #d49074;
  --border:   #2a2d31;
}

/* ── Font tokens ── */
:root {
  --font-sans:   'Quicksand', 'Segoe UI', Arial, sans-serif;
  --font-arabic: 'El Messiri', 'Noto Sans Arabic', sans-serif;
  --font-ui:     'Quicksand', 'Segoe UI', Arial, 'Noto Sans Arabic', sans-serif;
}

/* ── Chart UI surface tokens (derived from palette) ── */
:root {
  --ui-bg:       color-mix(in srgb, var(--bg-elev) 92%, transparent);
  --ui-border:   var(--border);
  --ui-fg:       var(--fg);
  --ui-fg-muted: var(--fg-muted);
}

/* ── Scrollbars ── */
* { scrollbar-width: none; }
::-webkit-scrollbar { display: none; }