/* ==========================================================================
   RAJ KUMAR TEXTILE - LUXURY FASHION DESIGN SYSTEM
   GLOBAL CSS VARIABLES & TOKENS
   ========================================================================== */

:root {
  /* Color Palette */
  --bg-primary: #F6DDB2;          /* Warm Beige */
  --bg-secondary: #F9F3EA;        /* Light Cream */
  --bg-card: #FFFDF8;             /* Soft White */
  --bg-dark: #0A0703;             /* Near Black */
  --bg-dark-card: #15110A;        /* Dark Charcoal Gold */
  
  --text-main: #0A0703;           /* Primary Text */
  --text-muted: #5C5243;          /* Warm Muted Brown */
  --text-light: #FFFDF8;          /* Light Text */
  --text-gold: #C8A15A;           /* Accent Gold Text */

  --accent-gold: #C8A15A;         /* Accent Gold */
  --accent-gold-light: #E6CA85;   /* Light Metallic Gold */
  --accent-gold-dark: #A47D3B;    /* Deep Antique Gold */
  --luxury-bronze: #8B6A38;       /* Luxury Bronze */
  --luxury-bronze-dark: #5E4522;  /* Deep Bronze */

  --gradient-gold: linear-gradient(135deg, #C8A15A 0%, #E6CA85 50%, #8B6A38 100%);
  --gradient-gold-reverse: linear-gradient(135deg, #8B6A38 0%, #E6CA85 50%, #C8A15A 100%);
  --gradient-dark: linear-gradient(180deg, rgba(10, 7, 3, 0.95) 0%, rgba(10, 7, 3, 0.75) 100%);
  --gradient-hero: linear-gradient(180deg, rgba(10, 7, 3, 0.45) 0%, rgba(10, 7, 3, 0.85) 100%);
  --gradient-card: linear-gradient(180deg, rgba(255, 253, 248, 0.9) 0%, rgba(249, 243, 234, 0.95) 100%);

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

  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(10, 7, 3, 0.04);
  --shadow-md: 0 10px 30px rgba(10, 7, 3, 0.08);
  --shadow-lg: 0 20px 50px rgba(10, 7, 3, 0.12);
  --shadow-gold: 0 10px 30px rgba(200, 161, 90, 0.25);
  --shadow-glass: 0 8px 32px 0 rgba(10, 7, 3, 0.06);

  /* Glassmorphism */
  --glass-bg: rgba(255, 253, 248, 0.75);
  --glass-dark: rgba(10, 7, 3, 0.82);
  --glass-border: rgba(200, 161, 90, 0.25);
  --glass-backdrop: blur(16px);

  /* Borders & Radius */
  --border-gold: 1px solid rgba(200, 161, 90, 0.3);
  --border-light: 1px solid rgba(10, 7, 3, 0.08);
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Layout Spacing */
  --container-max: 1400px;
  --header-height: 140px;
  --topbar-height: 38px;
  --section-padding-y: 100px;

  /* Transitions */
  --transition-fast: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.7s cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-Index */
  --z-back: -1;
  --z-normal: 1;
  --z-tooltip: 10;
  --z-sticky: 100;
  --z-header: 1000;
  --z-drawer: 2000;
  --z-modal: 3000;
  --z-toast: 4000;
  --z-preloader: 9999;
}