:root {
  /* Brand */
  --zad-green: #0F3D36;      --zad-oasis: #2F6F5E;
  --zad-parchment: #F6F0E4;  --zad-gold: #B8863B;  --zad-gold-light: #D9B26A;
  /* Neutrals */
  --zad-ink: #1B2420;  --zad-ash: #5C6A63;  --zad-sand: #E3D8C2;
  --zad-surface: #FFFDF8;  --zad-gold-text: #8A6425;  --zad-night: #0A2B26;  --zad-mist: #A9C4B9;
  /* States */
  --zad-done: #2F7D4F;    --zad-done-bg: #E4F0E8;    --zad-done-fg: #1F5A38;
  --zad-notice: #B26A1B;  --zad-notice-bg: #F7ECD9;  --zad-notice-fg: #7E4A10;
  --zad-freeze: #3B6A91;  --zad-freeze-bg: #E1EAF2;  --zad-freeze-fg: #274B69;
  --zad-expel: #A63D32;   --zad-expel-bg: #F3E3DF;   --zad-expel-fg: #7A2C24;
  /* Type */
  --font-quran: 'Amiri Quran', serif;
  --font-display-ar: 'Amiri', serif;           --font-display-en: 'Cormorant Garamond', serif;
  --font-ui-ar: 'IBM Plex Sans Arabic', sans-serif;  --font-ui-en: 'IBM Plex Sans', sans-serif;
  /* Shape & motion */
  --r-btn: 12px;  --r-card: 20px;  --r-icon: 28px;  --r-pill: 999px;
  --space: 4px;  /* 4 · 8 · 12 · 16 · 24 · 32 · 48 */
  --dur: 250ms;  --ease: cubic-bezier(.2, .7, .2, 1);
}