/* ==========================================================================
   CHAUDHARY PERFUMES (chaudharyperfumes.pk)
   PREMIUM LIGHT & DARK DUAL THEME SYSTEM
   ========================================================================== */

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

/* Default & Light Theme (Clean Porcelain & Gold System) */
:root,
[data-theme="light"] {
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

  --bg-primary: #FAF7F2;
  --bg-secondary: #F3EDE2;
  --bg-card: #FFFFFF;
  --bg-input: #FFFFFF;
  --bg-elevated: #FFFFFF;
  --header-bg: rgba(250, 247, 242, 0.92);

  /* Luxury Gold Accent System for Light Canvas */
  --brand-gold: #B8860B;
  --brand-gold-hover: #D4AF37;
  --brand-gold-active: #9A6F00;
  --brand-gold-glow: rgba(184, 134, 11, 0.15);

  --brand-emerald: #064E3B;
  --brand-emerald-hover: #022C22;

  /* Crisp Light Mode Typography */
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #94A3B8;
  --text-disabled: #CBD5E1;

  /* Light Border System */
  --border-color: #EBE4D8;
  --border-secondary: #DCD3C4;
  --border-light: #F3EDE2;
  --border-gold: #B8860B;

  /* Hero Theme Specifics */
  --hero-bg: linear-gradient(180deg, #FAF7F2 0%, #F3EDE2 100%);
  --hero-halo: radial-gradient(circle, rgba(184, 134, 11, 0.2) 0%, rgba(250, 247, 242, 0) 70%);
  --hero-card-bg: rgba(255, 255, 255, 0.92);
  --gradient-gold-text: linear-gradient(135deg, #B8860B 0%, #D4AF37 50%, #9A6F00 100%);

  /* Radius Tokens */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Status Colors */
  --status-success: #2ECC71;
  --status-error: #E74C3C;
  --status-warning: #F39C12;
  --status-info: #3498DB;

  /* Shadows for Light Theme */
  --shadow-sm: 0 4px 12px rgba(6, 78, 59, 0.04);
  --shadow-md: 0 10px 30px rgba(6, 78, 59, 0.08);
  --shadow-lg: 0 20px 50px rgba(6, 78, 59, 0.14);

  /* Gradients for Light Theme */
  --gradient-gold: linear-gradient(135deg, #B8860B 0%, #D4AF37 100%);
  --gradient-dark: linear-gradient(180deg, #FAF7F2 0%, #F3EDE2 100%);
  --img-bg: radial-gradient(circle, #FFFFFF 40%, #F3EDE2 100%);
}

/* Dark Theme (Tom Ford / Creed Luxury System) */
[data-theme="dark"] {
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Primary Dark Luxury Canvas */
  --bg-primary: #0F0F0F;
  --bg-secondary: #1A1A1A;
  --bg-card: #202020;
  --bg-input: #262626;
  --bg-elevated: #262626;
  --header-bg: rgba(15, 15, 15, 0.88);

  /* Luxury Gold Accent System */
  --brand-gold: #D4AF37;
  --brand-gold-hover: #E6C76A;
  --brand-gold-active: #C89C2B;
  --brand-gold-glow: rgba(212, 175, 55, 0.15);
  
  --brand-emerald: #D4AF37;
  --brand-emerald-hover: #E6C76A;

  /* High-Contrast Typography */
  --text-primary: #FFFFFF;
  --text-secondary: #B8B8B8;
  --text-muted: #8A8A8A;
  --text-disabled: #5F5F5F;

  /* Dark Border System */
  --border-color: #2D2D2D;
  --border-secondary: #3A3A3A;
  --border-light: #2D2D2D;
  --border-gold: #D4AF37;

  /* Hero Theme Specifics */
  --hero-bg: linear-gradient(180deg, #0F0F0F 0%, #161616 100%);
  --hero-halo: radial-gradient(circle, rgba(212, 175, 55, 0.35) 0%, rgba(15, 15, 15, 0) 70%);
  --hero-card-bg: rgba(32, 32, 32, 0.92);
  --gradient-gold-text: linear-gradient(135deg, #D4AF37 0%, #FFF0C2 50%, #E6C76A 100%);

  /* Radius Tokens */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Status Colors */
  --status-success: #2ECC71;
  --status-error: #E74C3C;
  --status-warning: #F39C12;
  --status-info: #3498DB;

  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.45);

  /* Gradients */
  --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #E6C76A 100%);
  --gradient-dark: linear-gradient(180deg, #0F0F0F 0%, #1A1A1A 100%);
  --img-bg: linear-gradient(180deg, #1A1A1A 0%, #202020 100%);
}