@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  /* Default Dark Theme: Midnight Nile */
  --bg-primary: #070709;      /* Obsidian Black */
  --bg-secondary: #101115;    /* Deep Charcoal for cards/sections */
  --bg-tertiary: #16181d;     /* Slightly lighter for borders/inputs */
  
  --color-gold: #c9a84c;      /* Royal Egyptian Gold */
  --color-gold-light: #e8d5a3;/* Creamy Gold */
  --color-sand: #d4b483;      /* Desert Sand Accent */
  
  --text-main: #f5f0e8;       /* Warm Ivory/Parchment White */
  --text-muted: #9a9080;      /* Sand Gray Muted Text */
  
  --border-glow: rgba(201, 168, 76, 0.15);
  --border-glow-hover: rgba(201, 168, 76, 0.35);
  
  /* Typography */
  --font-header: 'Cormorant Garamond', serif;
  --font-body: 'Outfit', sans-serif;
  
  /* Shadows & Blur */
  --glass-bg: rgba(16, 17, 21, 0.75);
  --glass-border: rgba(201, 168, 76, 0.1);
  --glass-blur: 16px;
  --shadow-premium: 0 20px 40px rgba(0, 0, 0, 0.6);
  
  /* Transitions */
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: all 0.2s ease;
}

/* Light Theme: Desert Alabaster */
[data-theme="light"] {
  --bg-primary: #faf6ee;      /* Alabaster/Parchment White */
  --bg-secondary: #ffffff;    /* Clean White for cards */
  --bg-tertiary: #f1ead8;     /* Slightly darker sand/ivory */
  
  --color-gold: #b38e2d;      /* Rich Ochre/Gold */
  --color-gold-light: #d4b483;/* Warm Gold Accent */
  --color-sand: #806f50;      /* Muted Sand Brown */
  
  --text-main: #1c1a17;       /* Deep Charcoal for readability */
  --text-muted: #6b6254;      /* Earthy Muted Gray */
  
  --border-glow: rgba(179, 142, 45, 0.15);
  --border-glow-hover: rgba(179, 142, 45, 0.35);
  
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(179, 142, 45, 0.15);
  --shadow-premium: 0 20px 40px rgba(179, 142, 45, 0.08);
}

/* Apply Cairo font specifically when Arabic language is selected (Premium localization) */
[lang="ar"] {
  --font-body: 'Cairo', sans-serif;
}