:root {
  --font-arabic: 'Amiri', 'Scheherazade New', serif;
  --font-display: 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --transition: 0.2s ease;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.14);
}

[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f0;
  --bg-tertiary: #eeede8;
  --text-primary: #1a1a1a;
  --text-secondary: #6b6b6b;
  --text-muted: #9e9e9e;
  --accent: #1D9E75;
  --accent-hover: #178a63;
  --accent-light: #E1F5EE;
  --accent-text: #0d5c42;
  --border: #e0e0e0;
  --border-focus: #1D9E75;
  --card-bg: #ffffff;
  --card-border: #e8e8e3;
  --input-bg: #fafaf8;
  --badge-memorized-bg: #E1F5EE;
  --badge-memorized-text: #0d5c42;
  --badge-in-progress-bg: #FFF8E1;
  --badge-in-progress-text: #7a5800;
  --badge-not-started-bg: #f0f0ee;
  --badge-not-started-text: #6b6b6b;
  --nav-bg: #ffffff;
  --nav-border: #e8e8e3;
  --overlay: rgba(255,255,255,0.92);
  --streak-fire: #ff6b2b;
}

[data-theme="dark"] {
  --bg-primary: #0f0f0f;
  --bg-secondary: #1a1a1a;
  --bg-tertiary: #222222;
  --text-primary: #f0f0f0;
  --text-secondary: #a0a0a0;
  --text-muted: #666666;
  --accent: #1D9E75;
  --accent-hover: #22b886;
  --accent-light: #0a2e1e;
  --accent-text: #4fd4a8;
  --border: #2a2a2a;
  --border-focus: #1D9E75;
  --card-bg: #1a1a1a;
  --card-border: #2a2a2a;
  --input-bg: #111111;
  --badge-memorized-bg: #0a2e1e;
  --badge-memorized-text: #4fd4a8;
  --badge-in-progress-bg: #2e2200;
  --badge-in-progress-text: #f5c842;
  --badge-not-started-bg: #222222;
  --badge-not-started-text: #a0a0a0;
  --nav-bg: #111111;
  --nav-border: #2a2a2a;
  --overlay: rgba(15,15,15,0.92);
  --streak-fire: #ff8c4a;
}