/* ==========================================================================
   RUPAM SAREES — DESIGN SYSTEM TOKENS & DUAL LUXURY THEMES
   Est. 1983 | Sowcarpet, Chennai
   ========================================================================== */

:root {
  /* Common Spacing & Radii */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  --font-serif-royal: 'Playfair Display', 'Cormorant Garamond', 'Cinzel', Georgia, serif;
  --font-sans-luxury: 'Plus Jakarta Sans', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-couture: 'Cinzel', 'Playfair Display', serif;
}

/* ==========================================================================
   THEME A: ROYAL HERITAGE & GOLD (Default for Indian & Ethnic Fabrics)
   ========================================================================== */
[data-theme="royal"], :root {
  --theme-name: 'Royal Heritage';
  --bg-primary: #FAF7F2;          /* Royal warm ivory */
  --bg-secondary: #F3ECE1;        /* Antique parchment */
  --bg-card: #FFFFFF;             /* Pure silk white card */
  --bg-accent-wine: #58111A;      /* Regal royal wine */
  --bg-accent-crimson: #7D0A1C;   /* Deep bridal crimson */
  --bg-dark: #1F0D11;             /* Velvet dark mahogany */

  --text-primary: #231815;        /* Deep charcoal brown */
  --text-secondary: #6A5E57;      /* Warm muted earth */
  --text-muted: #9E9188;          /* Light sand */
  --text-inverse: #FAF7F2;        /* Ivory light */
  --text-gold: #C5A059;           /* Antique artisan gold */

  --gold-primary: #C5A059;        /* Warm antique gold */
  --gold-light: #E7D3A6;          /* Shimmering gold leaf */
  --gold-dark: #937130;           /* Burnished bronze gold */

  --border-subtle: rgba(197, 160, 89, 0.22);
  --border-strong: rgba(197, 160, 89, 0.6);
  --border-hairline: rgba(35, 24, 21, 0.08);

  --shadow-sm: 0 2px 8px rgba(31, 13, 17, 0.05);
  --shadow-md: 0 8px 24px rgba(31, 13, 17, 0.08);
  --shadow-lg: 0 16px 40px rgba(31, 13, 17, 0.12);
  --shadow-gold: 0 8px 30px rgba(197, 160, 89, 0.25);

  --badge-bg: rgba(88, 17, 26, 0.08);
  --badge-text: #58111A;
  --hero-gradient: linear-gradient(135deg, #2D0B12 0%, #4D121B 50%, #1F090E 100%);
}

/* ==========================================================================
   THEME B: MODERN HAUTE COUTURE & RUNWAY (For Imported & Contemporary Fabrics)
   ========================================================================== */
[data-theme="couture"] {
  --theme-name: 'Haute Couture';
  --bg-primary: #0F0F12;          /* Editorial noir */
  --bg-secondary: #17171C;        /* Dark slate atelier */
  --bg-card: #1D1D24;             /* Minimal charcoal panel */
  --bg-accent-wine: #C5A059;      /* Inverted gold highlight */
  --bg-accent-crimson: #E0C184;   /* Champagne gold accent */
  --bg-dark: #08080A;             /* Absolute black */

  --text-primary: #F7F5F0;        /* Pure pearl white */
  --text-secondary: #A6A4A0;      /* Muted runway silver */
  --text-muted: #6B6966;          /* Charcoal text */
  --text-inverse: #111114;        /* Dark text on light button */
  --text-gold: #E5C384;           /* Champagne metallic */

  --gold-primary: #D4B06A;        /* Runway champagne */
  --gold-light: #F3DEB2;          /* Liquid platinum highlight */
  --gold-dark: #9C793B;           /* Deep brass */

  --border-subtle: rgba(212, 176, 106, 0.2);
  --border-strong: rgba(212, 176, 106, 0.6);
  --border-hairline: rgba(255, 255, 255, 0.09);

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.8);
  --shadow-gold: 0 8px 30px rgba(212, 176, 106, 0.25);

  --badge-bg: rgba(212, 176, 106, 0.15);
  --badge-text: #E5C384;
  --hero-gradient: linear-gradient(135deg, #09090C 0%, #15151B 60%, #060608 100%);
}