/* ============================================================
   base.css — 2 sections
   ============================================================ */

/* ============================================================
   CSS VARIABLES — DARK & LIGHT THEMES
============================================================ */
:root {
  --red:      #B71C1C;
  --red-l:    #EF5350;
  --red-glow: rgba(183,28,28,.15);
  --gold:     #C9A832;
  --gold-dim: #8B7525;
  --green:    #2E7D32;
  --green-l:  #4CAF50;
  --blue:     #1565C0;
  --blue-l:   #42A5F5;
  --purple:   #6A1B9A;
  --purple-l: #CE93D8;
  --trans:    all .2s ease;
  /* 02/05/2026 — Couleur du club courant (set dynamiquement par buildNav) */
  --club-color:      #B71C1C;
  --club-color-dim:  #650F0F;
  --club-color-glow: rgba(183,28,28,.15);
}

[data-theme="dark"] {
  --bg:       #080A0C;
  --bg1:      #0D1014;
  --bg2:      #12161B;
  --bg3:      #181D23;
  --bg4:      #1E242C;
  --border:   #222A33;
  --border2:  #2A3340;
  --text:     #E8ECF0;
  --text2:    #8A95A0;
  --text3:    #4A5560;
  --shadow:   0 4px 24px rgba(0,0,0,.5);
  --shadow-lg:0 8px 40px rgba(0,0,0,.6);
  --card-hover:#1A2028;
}

[data-theme="light"] {
  --bg:       #F0F2F5;
  --bg1:      #FFFFFF;
  --bg2:      #FFFFFF;
  --bg3:      #F5F7FA;
  --bg4:      #EEF1F5;
  --border:   #E0E5EB;
  --border2:  #CDD3DB;
  --text:     #1A1E26;
  --text2:    #5A6472;
  --text3:    #9AA3AE;
  --shadow:   0 2px 12px rgba(0,0,0,.08);
  --shadow-lg:0 6px 30px rgba(0,0,0,.12);
  --card-hover:#F8FAFB;
}


/* ============================================================
   RESET & BASE
============================================================ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html, body { height:100%; background:var(--bg); color:var(--text); font-family:'Barlow',sans-serif; font-size:14px; transition:background .25s, color .25s; }
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:var(--border2); border-radius:3px; }
* { -webkit-tap-highlight-color:transparent; }
button, input, select, textarea { font-family:'Barlow',sans-serif; }