/* ============================================
   Theme: Royal Purple
   Regal purple & gold – majestic and elegant
   ============================================ */
: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: #6b3fa0;
  --primary-dark: #402060;
  --secondary-green: #a87ed8;
  --accent-gold: #e8c44a;
  --accent-gold-light: #f0d76a;
  --text-light: #f4f0fa;
  --text-body: #dcd4e8;
  --text-dark: #2a1a3e;
  --bg-page: #120e1e;
  --bg-content: #1c1630;
  --bg-card: rgba(140, 100, 220, 0.05);
  --bg-card-hover: rgba(140, 100, 220, 0.09);
  --border-subtle: rgba(232, 196, 74, 0.14);
  --border-accent: rgba(232, 196, 74, 0.38);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --pattern-color: rgba(140, 100, 220, 0.012);
  --header-gradient: linear-gradient(135deg, #1e0a3a 0%, #6b3fa0 50%, #1e0a3a 100%);
  --footer-gradient: linear-gradient(135deg, #1e0a3a 0%, #140828 100%);
  --table-header-gradient: linear-gradient(135deg, #6b3fa0, #402060);
  --btn-primary-gradient: linear-gradient(135deg, #6b3fa0, #402060);
  --btn-gold-gradient: linear-gradient(135deg, #e8c44a, #c8a020);
  --hero-gradient: linear-gradient(135deg, rgba(107,63,160,0.3) 0%, rgba(64,32,96,0.5) 100%);
  --visited-link: #c8a8e0;
  --row-hover-bg: rgba(168, 126, 216, 0.06);
}