/* ============================================
   Theme: Sunset Amber
   Warm orange amber tones – inviting and luminous
   ============================================ */
: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: #b06820;
  --primary-dark: #7a4810;
  --secondary-green: #e0a050;
  --accent-gold: #f0a830;
  --accent-gold-light: #f4c050;
  --text-light: #fdf6ec;
  --text-body: #e8dcc8;
  --text-dark: #3a2810;
  --bg-page: #181008;
  --bg-content: #221a10;
  --bg-card: rgba(240, 168, 48, 0.05);
  --bg-card-hover: rgba(240, 168, 48, 0.09);
  --border-subtle: rgba(240, 168, 48, 0.14);
  --border-accent: rgba(240, 168, 48, 0.38);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.26);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.36);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.46);
  --pattern-color: rgba(240, 168, 48, 0.012);
  --header-gradient: linear-gradient(135deg, #3a2008 0%, #b06820 50%, #3a2008 100%);
  --footer-gradient: linear-gradient(135deg, #3a2008 0%, #281808 100%);
  --table-header-gradient: linear-gradient(135deg, #b06820, #7a4810);
  --btn-primary-gradient: linear-gradient(135deg, #b06820, #7a4810);
  --btn-gold-gradient: linear-gradient(135deg, #f0a830, #d08a10);
  --hero-gradient: linear-gradient(135deg, rgba(176,104,32,0.3) 0%, rgba(122,72,16,0.5) 100%);
  --visited-link: #c8a8d8;
  --row-hover-bg: rgba(224, 160, 80, 0.06);
}