/* ============================================
   Theme: Ocean Teal
   Cool teal & silver — calm and modern
   Design influence: plmid
   ============================================ */
: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: #0f6ebb;
  --primary-dark: #094a80;
  --secondary-green: #5bb8f5;
  --accent-gold: #78d4c0;
  --accent-gold-light: #96e4d4;
  --text-light: #eaf4fa;
  --text-body: #c0d8e8;
  --text-dark: #101031;
  --bg-page: #0a1520;
  --bg-content: #0f1e2e;
  --bg-card: rgba(90, 180, 240, 0.04);
  --bg-card-hover: rgba(90, 180, 240, 0.08);
  --border-subtle: rgba(120, 212, 192, 0.15);
  --border-accent: rgba(120, 212, 192, 0.35);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.45);
  --pattern-color: rgba(90, 180, 240, 0.01);
  --header-gradient: linear-gradient(135deg, #06263d 0%, #0f6ebb 50%, #06263d 100%);
  --footer-gradient: linear-gradient(135deg, #06263d 0%, #0a1a2c 100%);
  --table-header-gradient: linear-gradient(135deg, #0f6ebb, #094a80);
  --btn-primary-gradient: linear-gradient(135deg, #0f6ebb, #094a80);
  --btn-gold-gradient: linear-gradient(135deg, #78d4c0, #4ab8a0);
  --hero-gradient: linear-gradient(135deg, rgba(15,110,187,0.3) 0%, rgba(9,74,128,0.5) 100%);
  --visited-link: #c4a8e0;
  --row-hover-bg: rgba(91, 184, 245, 0.05);
}