:root {
  /* ---- Couleurs ---- */
  --rev-noir:        #1a1a1a;
  --rev-blanc:       #ffffff;
  --rev-vert-fonce:  #2d5016;
  --rev-vert-clair:  #d4782f;
  --rev-gris-clair:  #f5f5f5;
  --rev-gris-moyen:  #e0e0e0;
  --rev-accent:      #c9a84c;
  --rev-text:        #333333;
  --rev-text-light:  #666666;

  /* ---- Polices ---- */
  --rev-font-heading: 'Raleway', system-ui, -apple-system, Arial, Lucida, sans-serif;
  --rev-font-body:    'Open Sans', system-ui, Arial, sans-serif;

  /* ---- Tailles headings ---- */
  --rev-h1-hero: clamp(36px, 6vw, 71px);
  --rev-h1:      clamp(26px, 4vw, 46px);
  --rev-h2:      clamp(22px, 3.5vw, 46px);
  --rev-h3:      clamp(16px, 2vw, 24px);

  /* ---- Body ---- */
  --rev-body-size:        14px;
  --rev-body-color:       #666666;
  --rev-body-line-height: 1.7;

  /* ---- Espacements ---- */
  --rev-space-xs: 0.75rem;
  --rev-space-sm: 1.5rem;
  --rev-space-md: 3rem;
  --rev-space-lg: 5rem;
  --rev-space-xl: 7rem;

  /* ---- Layout ---- */
  --rev-container:   1280px;
  --rev-radius:      4px;
  --rev-radius-pill: 30px;
  --rev-radius-lg:   8px;

  /* ---- Transitions ---- */
  --rev-transition: 0.3s ease;

  /* ---- Ombres ---- */
  --rev-shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --rev-shadow-md: 0 4px 20px rgba(0,0,0,0.12);
  --rev-shadow-lg: 0 8px 40px rgba(0,0,0,0.18);
}