/* ==========================================================================
   Shree Arham Jewels - Design System Variables & Tokens
   Luxury Palette: Warm Champagne, Royal Obsidian, Burnished Gold, Deep Emerald
   ========================================================================== */

:root {
  /* Strict Palette - Luxury Champagne Base */
  --bg-champagne: #F2E3CF;          /* Dominant warm signature champagne background */
  --bg-champagne-deep: #E8D5BC;     /* Subtle section contrast */
  --bg-champagne-light: #FEF0D6;    /* Soft cream highlight / light silk tint */
  --bg-card: #FFFFFF;               /* Crisp surface for photo cards */

  /* Typography Colors - High Luxury Editorial */
  --text-heading: #181411;          /* Royal Obsidian / Deep Charcoal (crisp, authoritative, premium) */
  --text-subheading: #9E782F;       /* Burnished Antique Gold */
  --text-body: #2B241E;             /* Rich Espresso body text - optimal contrast on champagne */
  --text-muted: #6B5E50;            /* Warm muted text */
  --text-light: #F7EFE4;            /* Inverted light text for dark surfaces */

  /* Jewel & Metal Accents */
  --metal-gold: #C8A45D;            /* Primary Luxury Gold Accent */
  --metal-gold-dark: #A6823B;       /* Burnished Antique Gold Shade */
  --metal-gold-light: #E2C582;      /* Soft Gold Highlight */
  --accent-emerald: #0B3D2E;        /* Deep Heritage Emerald (used for jewel accents) */
  --accent-bottle: #123D31;         /* Deep Forest Accent */

  /* Borders & Shadows */
  --border-gold-subtle: rgba(200, 164, 93, 0.32);
  --border-gold-medium: rgba(200, 164, 93, 0.6);
  --border-dark-subtle: rgba(24, 20, 17, 0.12);
  --shadow-sm: 0 2px 8px rgba(24, 20, 17, 0.04);
  --shadow-md: 0 6px 22px rgba(24, 20, 17, 0.08);
  --shadow-lg: 0 16px 44px rgba(24, 20, 17, 0.12);
  --shadow-gold: 0 4px 18px rgba(200, 164, 93, 0.28);

  /* Gradients */
  --gradient-gold: linear-gradient(135deg, #E2C582 0%, #C8A45D 50%, #A6823B 100%);
  --gradient-gold-hover: linear-gradient(135deg, #EAD499 0%, #D4B26C 50%, #B89246 100%);
  --gradient-emerald: linear-gradient(135deg, #123D31 0%, #0B3D2E 100%);
  --gradient-card: linear-gradient(180deg, #FFFFFF 0%, #FEF0D6 100%);

  /* Typography */
  --font-display: 'Cinzel', 'Marcellus', Georgia, serif;
  --font-editorial: 'Cormorant Garamond', Garamond, serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Spacing & Layout */
  --container-max: 1240px;
  --header-height: 78px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Motion */
  --transition-fast: 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-smooth: 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}