/* ==========================================================================
   AGGARWAL JEWELLERS — LUXURY DESIGN SYSTEM VARIABLES
   Brand: Aggarwal Jewellers | Tagline: Trusted for Generations
   ========================================================================== */

:root {
  /* Brand Luxury Palette */
  --primary-burgundy: #6D0711;
  --deep-wine: #43060B;
  --premium-gold: #D4A017;
  --light-gold: #F4C95D;
  --champagne: #F8E7BA;
  --ivory: #FFFDF8;
  --cream: #FAF5EA;
  --dark-text: #251512;
  --secondary-text: #66504A;

  /* Extended Shades & Accents */
  --burgundy-dark: #320408;
  --burgundy-light: #8e101d;
  --gold-dark: #b2830f;
  --gold-metallic: #e5b338;
  --champagne-light: #fcf6e8;
  --cream-soft: #f4eee1;
  --border-color: rgba(212, 160, 23, 0.2);
  --border-light: rgba(109, 7, 17, 0.08);
  --border-gold: rgba(212, 160, 23, 0.35);
  --shadow-sm: 0 2px 8px rgba(37, 21, 18, 0.06);
  --shadow-md: 0 8px 24px rgba(37, 21, 18, 0.08);
  --shadow-lg: 0 16px 40px rgba(37, 21, 18, 0.12);
  --shadow-gold: 0 6px 20px rgba(212, 160, 23, 0.25);
  --shadow-burgundy: 0 8px 25px rgba(67, 6, 11, 0.25);

  /* Gradients */
  --gold-gradient: linear-gradient(135deg, #D4A017 0%, #F4C95D 50%, #B8860B 100%);
  --gold-shimmer: linear-gradient(90deg, #D4A017 0%, #FFF4D0 50%, #D4A017 100%);
  --burgundy-gradient: linear-gradient(135deg, #43060B 0%, #6D0711 60%, #8A0A17 100%);
  --luxury-card-bg: linear-gradient(180deg, #FFFDF8 0%, #FAF5EA 100%);
  --overlay-dark: linear-gradient(180deg, rgba(37, 21, 18, 0.2) 0%, rgba(37, 21, 18, 0.75) 100%);

  /* Typography */
  --font-heading: 'Cormorant Garamond', 'Playfair Display', serif;
  --font-serif: 'Playfair Display', 'Cormorant Garamond', serif;
  --font-body: 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-accent: 'Poppins', 'Inter', sans-serif;

  /* Font Weights */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Transitions */
  --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* Spacing */
  --container-max: 1380px;
  --container-fluid: 1600px;
  --header-height: 80px;
  --topbar-height: 38px;
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Z-index layers */
  --z-back: -1;
  --z-normal: 1;
  --z-tooltip: 10;
  --z-sticky: 100;
  --z-header: 1000;
  --z-drawer: 1100;
  --z-modal: 1200;
  --z-toast: 1300;
}