/* Design tokens — Al-Barakah Fund (from approved Design V2) */
:root {
  /* Forest green */
  --g9: #0a3818;
  --g8: #0d4a20;
  --g7: #0f5a25;
  --g6: #1b7433;
  --g1: #e4efe2;
  /* Gold */
  --gold: #d2a93b;
  --goldd: #7e5f0a;
  --goldl: #f5eacb;
  --gold-line: #b88e1f;
  /* Neutrals */
  --cream: #faf7f0;
  --ink: #16231a;
  --mut: #55655a;
  --line: #e7e1d2;
  --foot: #071f0f;
  --bad: #a32630;

  /* Cause colours (text/UI) and tints */
  --med: #9a3b3f;
  --medbg: #f7e8e7;
  --food: #8f5a0b;
  --foodbg: #f8ecd4;
  --mos: #0f5a25;
  --mosbg: #e4efe2;

  /* Chart colours (graphics need 3:1 on white) */
  --chart-medical: #a8444a;
  --chart-food: #b5841a;
  --chart-mosque: #0f5a25;
  --chart-bar: #4c9560;

  /* Type */
  --font-head: "Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-body: "IBM Plex Sans Arabic", system-ui, sans-serif;

  /* Motion (200–500ms per spec) */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 0.2s;
  --t-med: 0.4s;
  --t-slow: 0.6s;

  --radius-card: 24px;
  --header-h: 68px;
}