:root {
  /* ==========================================================================
     ELIAN VALEN DESIGN SYSTEM THEME TOKENS
     Minimalist High-Fashion Modernism | Crisp Whites, Deep Noir, Alabaster Neutrals
     ========================================================================== */
  
  /* Primary Palette */
  --color-noir: #0e0e0e;
  --color-black: #000000;
  --color-primary: #0e0e0e;          /* Noir */
  --color-primary-dark: #000000;
  --color-primary-light: #1f1f1f;
  --color-primary-soft: #2d2d2d;

  /* Surfaces & Backgrounds */
  --color-white: #ffffff;
  --color-bg: #ffffff;
  --color-bg-alt: #f8f8f8;
  --color-bg-light: #f8f8f8;
  --color-bg-card: #f8f8f8;
  --color-bg-warm: #f4f4f2;
  --color-ivory: #f8f8f8;
  --color-linen: #f4f4f2;
  --color-pearl: #ffffff;

  /* Typography Colors */
  --color-text-primary: #0e0e0e;
  --color-text-secondary: #666666;
  --color-text-muted: #878787;
  --color-text-light: #ffffff;
  --color-text-gold: #0e0e0e;        /* Clean high-contrast noir */

  /* Accents & States */
  --color-accent: #0e0e0e;
  --color-accent-hover: #262626;
  --color-accent-light: #f4f4f2;
  --color-gold: #0e0e0e;
  --color-gold-hover: #262626;
  --color-gold-light: #f8f8f8;
  --color-gold-muted: rgba(14, 14, 14, 0.05);
  --color-gold-border: rgba(14, 14, 14, 0.1);
  --color-gold-glow: rgba(14, 14, 14, 0.08);

  /* Hairline Borders & Dividers */
  --color-border: #eaeaea;
  --color-border-subtle: rgba(0, 0, 0, 0.06);
  --color-border-dark: #cccccc;

  /* Utility Colors */
  --color-success: #10b981;
  --color-danger: #ef4444;
  --color-whatsapp: #25d366;
  --color-whatsapp-hover: #1ebe5d;

  /* Typography: Inter (Exact Elian Valen Sans) */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Inter', sans-serif; /* Keep high-fashion modern sans */

  /* Spacing & Layout */
  --container-max-width: 1440px;
  --container-padding: clamp(1.25rem, 4vw, 4.5rem);
  --section-spacing: clamp(4.5rem, 8vw, 8rem);
  --section-spacing-mobile: 3.5rem;

  /* Elian Valen Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 9999px;

  /* Minimalist Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  --shadow-md: 0 4px 12px 0 rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 12px 30px -4px rgba(0, 0, 0, 0.06);
  --shadow-gold: 0 4px 14px rgba(0, 0, 0, 0.08);
  --shadow-couture: 0 16px 36px -6px rgba(0, 0, 0, 0.08);

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: all 0.32s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-image: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
