/**
 * AGGARWAL JEWELLERS - Design Tokens & Variables
 * Theme: Regal Indian Luxury Jewellery Showroom
 * Palette: Light & Golden, Dark Yellow, Warm Orange & Amber Shades
 * Brand Tagline: "Trusted for Generations"
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Aggarwal Jewellers Brand Primary Colors - Royal Amber Gold & Warm Orange */
  --ksm-primary: #B45309;
  --ksm-primary-hover: #9A3412;
  --ksm-primary-dark: #78350F;
  --ksm-primary-deep: #451A03;
  --ksm-primary-light: #D97706;
  --ksm-primary-bright: #EA580C;
  --ksm-primary-ultralight: #FFFBEB;
  --ksm-primary-surface: #FFFDF9;
  --ksm-primary-border: #F59E0B;
  --ksm-primary-glow: rgba(217, 119, 6, 0.35);

  /* Brand Secondary & Accent Colors - Radiant Gold, Dark Yellow & Warm Orange */
  --ksm-accent: #D97706;
  --ksm-accent-hover: #B45309;
  --ksm-accent-dark: #92400E;
  --ksm-accent-light: #FEF3C7;
  --ksm-accent-warm: #F59E0B;
  --ksm-accent-soft: #FFFDF7;
  --ksm-accent-border: #FBBF24;
  --ksm-accent-glow: rgba(245, 158, 11, 0.4);

  /* Signature Royal Gold & Warm Sunset Orange Gradients */
  --ksm-gradient-primary: linear-gradient(135deg, #D97706 0%, #B45309 50%, #9A3412 100%);
  --ksm-gradient-hover: linear-gradient(135deg, #EA580C 0%, #C2410C 50%, #9A3412 100%);
  --ksm-gradient-gold: linear-gradient(135deg, #FDE68A 0%, #F59E0B 50%, #D97706 100%);
  --ksm-gradient-burgundy: linear-gradient(135deg, #B45309 0%, #78350F 100%);
  --ksm-gradient-hero: linear-gradient(135deg, rgba(69, 26, 3, 0.92) 0%, rgba(180, 83, 9, 0.85) 50%, rgba(245, 158, 11, 0.82) 100%);
  --ksm-gradient-card: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 100%);
  --ksm-gradient-dark: linear-gradient(135deg, #451A03 0%, #361602 50%, #200D01 100%);
  --ksm-gradient-green: linear-gradient(135deg, #F59E0B 0%, #D97706 50%, #B45309 100%);
  --ksm-gradient-cta: linear-gradient(135deg, #EA580C 0%, #D97706 100%);
  --ksm-gradient-gold-subtle: linear-gradient(180deg, #FFFDF9 0%, #FFF9EB 100%);

  /* Purity & Hallmark Tokens */
  --ksm-fresh: #D97706;
  --ksm-fresh-light: #F59E0B;
  --ksm-fresh-soft: #FFFBEB;
  --ksm-fresh-border: #FDE68A;

  /* Offer, Discount & Highlights - Warm Royal Orange */
  --ksm-discount-red: #C2410C;
  --ksm-discount-dark: #9A3412;
  --ksm-discount-soft: #FFF7ED;
  --ksm-discount-border: #FED7AA;

  /* Deep Luxury Golden Bronze Base */
  --ksm-dark-navy: #451A03;
  --ksm-dark-card: #361602;
  --ksm-dark-surface: #251201;
  --ksm-dark-border: #D97706;
  --ksm-dark-muted: #FEF3C7;

  /* Text & Luxury Grayscale */
  --ksm-text-heading: #2E1802;
  --ksm-text-body: #5A3D1E;
  --ksm-text-muted: #7C5E3B;
  --ksm-text-light: #A3835E;
  --ksm-white: #ffffff;
  --ksm-bg-light: #FFFDF9;
  --ksm-bg-subtle: #FFF9EB;
  --ksm-bg-card: #ffffff;
  --ksm-border: #F3E2B8;
  --ksm-border-light: #FBF1D9;
  --ksm-border-strong: #E6C587;

  /* Social & Utility Colors */
  --ksm-whatsapp: #25d366;
  --ksm-whatsapp-dark: #128c7e;
  --ksm-whatsapp-light: #dcf8c6;
  --ksm-phone: #D97706;
  --ksm-phone-dark: #9A3412;
  --ksm-star: #F59E0B;
  --ksm-blue: #B45309;
  --ksm-purple: #78350F;

  /* Category Pastel Backgrounds - Rich Warm Golden & Orange Tones */
  --cat-bg-green: #FFFBEB;
  --cat-bg-yellow: #FFFDF7;
  --cat-bg-orange: #FFF7ED;
  --cat-bg-red: #FFF9EB;
  --cat-bg-purple: #FEF3C7;
  --cat-bg-blue: #FFFDF9;
  --cat-bg-teal: #FFFBEB;
  --cat-bg-cyan: #FFF9EB;
  --cat-bg-pink: #FFF7ED;
  --cat-bg-slate: #FFFDF7;

  /* Modern Glassmorphism Tokens */
  --ksm-glass-bg: rgba(255, 253, 249, 0.94);
  --ksm-glass-dark-bg: rgba(69, 26, 3, 0.94);
  --ksm-glass-border: rgba(217, 119, 6, 0.35);
  --ksm-glass-dark-border: rgba(245, 158, 11, 0.25);

  /* Luxury Typography Font Stacks */
  --ksm-font-heading: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --ksm-font-body: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ksm-font-alt: 'Cormorant Garamond', 'Playfair Display', serif;

  /* Multi-Tier Layered Elevation Shadows */
  --ksm-shadow-xs: 0 1px 3px 0 rgba(46, 24, 2, 0.05);
  --ksm-shadow-sm: 0 2px 8px -2px rgba(46, 24, 2, 0.08), 0 1px 4px -1px rgba(46, 24, 2, 0.04);
  --ksm-shadow-md: 0 6px 18px -3px rgba(46, 24, 2, 0.09), 0 2px 8px -2px rgba(46, 24, 2, 0.05);
  --ksm-shadow-lg: 0 14px 28px -4px rgba(46, 24, 2, 0.12), 0 6px 12px -3px rgba(46, 24, 2, 0.06);
  --ksm-shadow-xl: 0 24px 38px -6px rgba(46, 24, 2, 0.15), 0 10px 18px -4px rgba(46, 24, 2, 0.08);
  --ksm-shadow-hover: 0 14px 30px -4px rgba(217, 119, 6, 0.28), 0 4px 12px -2px rgba(245, 158, 11, 0.22);
  --ksm-shadow-card: 0 4px 20px -2px rgba(90, 50, 10, 0.06);

  /* Border Radii */
  --ksm-radius-xs: 4px;
  --ksm-radius-sm: 6px;
  --ksm-radius-md: 10px;
  --ksm-radius-lg: 14px;
  --ksm-radius-xl: 20px;
  --ksm-radius-pill: 9999px;

  /* Spacing & Transitions */
  --ksm-container-max: 1340px;
  --ksm-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --ksm-transition-fast: all 0.15s ease;
  --ksm-transition-bounce: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}