/* ═══════════════════════════════════════════
   VARIABLES.CSS — Design Tokens
   The Sisters Offroad Theme
   ═══════════════════════════════════════════ */

:root {
  /* ─── Couleurs Principales ─── */
  --sand: #E8C87A;
  --dune: #C9973A;
  --terracotta: #C0522B;
  --fire: #E84A1A;
  --ember: #FF6B35;

  /* ─── Couleurs Sombres ─── */
  --night: #0C0A07;
  --dark: #1A1510;
  --mid: #2E261A;
  --warm: #4A3B28;
  --muted: #7A6A52;

  /* ─── Couleurs Claires ─── */
  --cream: #F5EDD8;
  --off-white: #FAF5EC;

  /* ─── Couleurs Niveaux Pistes ─── */
  --green: #4CAF50;
  --yellow: #FFC107;
  --red: #E84A1A;

  /* ─── WhatsApp ─── */
  --whatsapp: #25D366;

  /* ─── Typographie ─── */
  --font-display: 'Bebas Neue', sans-serif;
  --font-serif: 'Cinzel', serif;
  --font-body: 'DM Sans', sans-serif;

  /* ─── Tailles ─── */
  --header-height: 70px;
  --section-padding: 100px 80px;
  --section-padding-tablet: 80px 40px;
  --section-padding-mobile: 60px 20px;
  --gap-grid: 3px;
  --border-radius: 2px;

  /* ─── Transitions ─── */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.3s ease;
  --transition-slow: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* ─── Overlays ─── */
  --overlay-dark: rgba(12, 10, 7, 0.85);
  --overlay-medium: rgba(12, 10, 7, 0.4);
  --overlay-light: rgba(12, 10, 7, 0.2);

  /* ─── Texte Opacités ─── */
  --text-primary: var(--cream);
  --text-secondary: rgba(245, 237, 216, 0.7);
  --text-muted: rgba(245, 237, 216, 0.55);
  --text-faded: rgba(245, 237, 216, 0.4);
  --text-ghost: rgba(245, 237, 216, 0.25);

  /* ─── Bordures ─── */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-light: rgba(255, 255, 255, 0.1);
  --border-sand: rgba(232, 200, 122, 0.12);
  --border-sand-strong: rgba(232, 200, 122, 0.2);
}