@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:          #07101E;
  --bg-alt:      #0B1929;
  --bg-card:     rgba(255,255,255,.03);
  --bg-card-hov: rgba(255,255,255,.06);
  --blue:        #2563eb;
  --blue-lt:     #38bdf8;
  --orange:      #f97316;
  --green:       #4ade80;
  --purple:      #a78bfa;
  --red:         #f87171;
  --muted:       #64748b;
  --border:      rgba(255,255,255,.07);
  --border-hov:  rgba(56,189,248,.28);
  --text:        #f1f5f9;
  --text-dim:    #94a3b8;
  --radius:      12px;
  --font-h:      'Plus Jakarta Sans', system-ui, sans-serif;
  --font-b:      'Inter', system-ui, sans-serif;
}

/* ---- Thème clair ---- */
body.light {
  --bg:          #f1f5f9;
  --bg-alt:      #ffffff;
  --bg-card:     rgba(0,0,0,.03);
  --bg-card-hov: rgba(0,0,0,.05);
  --border:      rgba(0,0,0,.09);
  --border-hov:  rgba(249,115,22,.35);
  --text:        #0f172a;
  --text-dim:    #475569;
  --muted:       #94a3b8;
}

/* ---- Thème clair : bordures visibles sur tous les boutons action ----
   Spécificité 0,2,0 → l'emporte sur les styles sombre (0,1,0) peu
   importe l'ordre de chargement des fichiers CSS.                    */
body.light .btn-geolocate,
body.light .btn-add-prelevement,
body.light .btn-back-scanner,
body.light .btn-synthese-entreprise,
body.light .btn-synthese-canton,
body.light .btn-export-session,
body.light .btn-dashboard-session,
body.light .btn-scan-deselect,
body.light .btn-import,
body.light .cercles-back-btn,
body.light .btn-valider-deplacement,
body.light .btn-annuler-deplacement,
body.light .btn-exporter-machines {
  background: #fff;
  border-color: #c8cdd6;
}
body.light .lang-btn:not(.active) {
  border-color: #c8cdd6;
}

body {
  font-family: var(--font-b);
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  transition: background 0.2s, color 0.2s;
}

/* ---- Wordmark Geovio ---- */
.geovio-wordmark {
  font-family: var(--font-h);
  font-weight: 800;
  font-size: 1.15rem;
  letter-spacing: -0.02em;
  color: var(--text);
  line-height: 1;
}
.wordmark-dot {
  color: var(--orange);
}