/* ================================
   VARIABLES CSS
   Cabinet Maître MESSAOUDI
   Palette Luxe Institutionnel
   ================================ */

:root {
  /* ===== BACKGROUNDS ===== */
  --color-bg-main: #0B0B0B;        /* Noir profond - Fond principal */
  --color-bg-secondary: #111111;   /* Noir légèrement plus clair */
  --color-bg-section: #141414;     /* Sections alternées */
  
  /* ===== TEXT ===== */
  --color-text-primary: #F5F5F5;   /* Blanc cassé - Texte principal */
  --color-text-secondary: #D1CFCF; /* Argent doux - Texte secondaire */
  --color-text-muted: #9A9A9A;     /* Gris muted - Annotations */
  
  /* ===== ACCENTS LUXE ===== */
  --color-accent-gold: #C2A878;    /* Or riche - Accents ponctuels UNIQUEMENT */
  --color-accent-bronze: #8C735B;  /* Bronze foncé - Hover */
  
  /* ===== LINES & BORDERS ===== */
  --color-border-soft: #2A2A2A;    /* Séparateurs discrets */
  --color-border-light: #D1CFCF;   /* Lignes claires */
  
  /* ===== SPACING ===== */
  --section-padding-desktop: 6rem;
  --section-padding-tablet: 4rem;
  --section-padding-mobile: 3rem;
  
  /* ===== CONTAINER ===== */
  --container-max-width: 1180px;
  
  /* ===== TRANSITIONS ===== */
  --transition-base: 0.3s ease;
  --transition-slow: 0.8s ease;
}