/* ==========================
   CONFIGURATION GLOBALE
   ========================== */

:root {

  /* 🎨 PALETTE DE COULEURS - VELVET ELEGANCE */
  --color-bg-main: #0a0a0a;
  --color-bg-secondary: #1a1a1a;
  --color-bg-tertiary: #252525;

  --color-text-main: #f5f1ed;
  --color-text-muted: #a89f97;
  --color-text-dark: #6b6560;

  /* Accents: Burgundy Wine + Gold */
  --color-accent-primary: #8b4754;    /* Deep burgundy */
  --color-accent-secondary: #d4a574;  /* Warm gold */
  --color-accent-hover: #a85568;      /* Lighter burgundy */
  --color-accent-light: #e8dcc8;      /* Cream/ivory */

  --color-border: #2d2a27;
  --color-border-accent: #8b4754;

  /* 🔤 TYPOGRAPHIES - LUXURY REFINED */
  --font-display: 'Playfair Display', serif;  /* Elegant headlines */
  --font-title: 'Lora', serif;                /* Sophisticated body */
  --font-text: 'Lora', serif;
  --font-accent: 'Playfair Display', serif;

  /* 📐 TAILLES DE TEXTE */
  --text-xl: 3.5rem;
  --text-lg: 2.5rem;
  --text-md: 1.15rem;
  --text-sm: 0.95rem;
  --text-xs: 0.85rem;

  /* 📏 ESPACEMENTS */
  --space-xl: 7rem;
  --space-lg: 4.5rem;
  --space-md: 2.5rem;
  --space-sm: 1.2rem;

  /* 🟢 BORDURES */
  --radius-sm: 2px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* ⚡ TRANSITIONS */
  --transition-fast: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}