/* ============================================
   Theme: Midnight Blue
   Deep navy & gold — inspired by night sky
   Design influence: des_dt-wall
   ============================================ */
: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: #1e3a6e;
  --primary-dark: #0d1f42;
  --secondary-green: #5b8fd4;
  --accent-gold: #ffc72c;
  --accent-gold-light: #ffd85c;
  --text-light: #eef2f8;
  --text-body: #c8d4e6;
  --text-dark: #1a2540;
  --bg-page: #080e1e;
  --bg-content: #0f1830;
  --bg-card: rgba(100, 150, 255, 0.04);
  --bg-card-hover: rgba(100, 150, 255, 0.08);
  --border-subtle: rgba(255, 199, 44, 0.12);
  --border-accent: rgba(255, 199, 44, 0.35);
  --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(100, 150, 255, 0.01);
  --header-gradient: linear-gradient(135deg, #00003d 0%, #1e3a6e 50%, #00003d 100%);
  --footer-gradient: linear-gradient(135deg, #00003d 0%, #0a1530 100%);
  --table-header-gradient: linear-gradient(135deg, #1e3a6e, #0d1f42);
  --btn-primary-gradient: linear-gradient(135deg, #1e3a6e, #0d1f42);
  --btn-gold-gradient: linear-gradient(135deg, #ffc72c, #d4a00a);
  --hero-gradient: linear-gradient(135deg, rgba(30,58,110,0.3) 0%, rgba(13,31,66,0.5) 100%);
  --visited-link: #b8a0d8;
  --row-hover-bg: rgba(91, 143, 212, 0.06);
}