/**
 * AP PRIYANSH SOLUTIONS - Luxury Design System & Theme Variables
 * Modern Dark Blue & Pure White with Tasteful Golden Accents
 */

:root {
  /* Luxury, highly readable fonts */
  --font-heading: 'Plus Jakarta Sans', 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'Space Grotesk', monospace;

  /* Tasteful Gold Accents — used selectively for highlights */
  --gold-primary: #C9A03F;
  --gold-accent: #DFB76C;
  --gold-bright: #FFD700;
  /* FIXED: gradient starts at gold, not white — first letter now always readable */
  --gold-gradient: linear-gradient(135deg, #DFB76C 0%, #C9A03F 60%, #A07828 100%);
  --gold-glow: rgba(223, 183, 108, 0.35);

  /* Deep Luxury Navy / Dark Blue Colors */
  --navy-darker: #060D17;
  --navy-deep: #0B1F35;
  --navy-surface: #0E243D;
  --navy-card: rgba(11, 31, 53, 0.85);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-theme: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

/* =========================================================
   NIGHT THEME (Default: Deep Dark Blue + Pure White + Gold Accents)
   ========================================================= */
body.dark-theme {
  --bg-page: #060D17;
  --bg-surface: #0B1F35;
  --bg-surface-elevated: #0E243D;
  --bg-card: rgba(11, 31, 53, 0.82);
  --bg-card-hover: rgba(14, 36, 61, 0.95);
  --bg-glass: rgba(6, 13, 23, 0.88);
  
  --text-main: #FFFFFF;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  
  --border-color: rgba(201, 160, 63, 0.2);
  --border-color-hover: rgba(223, 183, 108, 0.6);
  
  --card-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.65);
  --card-shadow-hover: 0 24px 50px -10px rgba(0, 0, 0, 0.85), 0 0 20px rgba(201, 160, 63, 0.2);
  --glow-shadow: 0 0 25px rgba(223, 183, 108, 0.25);
  
  --hero-overlay: radial-gradient(circle at 50% 25%, rgba(14, 36, 61, 0.6) 0%, rgba(6, 13, 23, 0.98) 80%);
  --slider-bg: #0B1F35;
}

/* Fallback for no class set — dark is default */
body:not(.light-theme) {
  --bg-page: #060D17;
  --bg-surface: #0B1F35;
  --bg-surface-elevated: #0E243D;
  --bg-card: rgba(11, 31, 53, 0.82);
  --bg-card-hover: rgba(14, 36, 61, 0.95);
  --bg-glass: rgba(6, 13, 23, 0.88);
  
  --text-main: #FFFFFF;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  
  --border-color: rgba(201, 160, 63, 0.2);
  --border-color-hover: rgba(223, 183, 108, 0.6);
  
  --card-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.65);
  --card-shadow-hover: 0 24px 50px -10px rgba(0, 0, 0, 0.85), 0 0 20px rgba(201, 160, 63, 0.2);
  --glow-shadow: 0 0 25px rgba(223, 183, 108, 0.25);
  
  --hero-overlay: radial-gradient(circle at 50% 25%, rgba(14, 36, 61, 0.6) 0%, rgba(6, 13, 23, 0.98) 80%);
  --slider-bg: #0B1F35;
}

/* =========================================================
   DAY / BRIGHT THEME (Clean White + Deep Navy + Gold Accents)
   ========================================================= */
body.light-theme {
  --bg-page: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #F1F5F9;
  --bg-card: rgba(255, 255, 255, 0.92);
  --bg-card-hover: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.92);
  
  --text-main: #0B1F35;
  --text-muted: #475569;
  --text-dim: #64748B;
  
  --border-color: rgba(11, 31, 53, 0.12);
  --border-color-hover: rgba(201, 160, 63, 0.6);
  
  --card-shadow: 0 10px 30px -5px rgba(11, 31, 53, 0.07);
  --card-shadow-hover: 0 20px 45px -8px rgba(11, 31, 53, 0.14), 0 0 18px rgba(201, 160, 63, 0.15);
  --glow-shadow: 0 0 20px rgba(201, 160, 63, 0.15);
  
  --hero-overlay: radial-gradient(circle at 50% 25%, rgba(201, 160, 63, 0.08) 0%, rgba(248, 250, 252, 0.98) 80%);
  --slider-bg: #E2E8F0;
}