/* ============================================
   Theme: Emerald Night (Default)
   Dark green & gold Islamic design
   ============================================ */
:root {
  --font-body: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-arabic: 'Amiri', 'Traditional Arabic', 'Scheherazade New', serif;
  --font-heading: 'Inter', 'Segoe UI', sans-serif;
  --primary-green: #1a6b3c;
  --primary-dark: #0f4d2a;
  --secondary-green: #97bc62;
  --accent-gold: #d4af37;
  --accent-gold-light: #e8c84a;
  --text-light: #f0ece2;
  --text-body: #e0dcd2;
  --text-dark: #2c3e50;
  --bg-page: #0e1a14;
  --bg-content: #162418;
  --bg-card: rgba(255, 255, 255, 0.04);
  --bg-card-hover: rgba(255, 255, 255, 0.07);
  --border-subtle: rgba(212, 175, 55, 0.15);
  --border-accent: rgba(212, 175, 55, 0.4);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
  --pattern-color: rgba(212, 175, 55, 0.015);
  --header-gradient: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-green) 50%, var(--primary-dark) 100%);
  --footer-gradient: linear-gradient(135deg, var(--primary-dark) 0%, #0a3518 100%);
  --table-header-gradient: linear-gradient(135deg, var(--primary-green), var(--primary-dark));
  --btn-primary-gradient: linear-gradient(135deg, var(--primary-green), var(--primary-dark));
  --btn-gold-gradient: linear-gradient(135deg, var(--accent-gold), #c19b2e);
  --visited-link: #c9a3d9;
  --row-hover-bg: rgba(151, 188, 98, 0.05);
}