/* ==========================================================================
   AFRICAPASS — design tokens
   Valeurs reprises telles quelles du prototype approuvé (_prototype.html)
   et des maquettes assets/reference-*.png. Ne pas introduire de couleur
   en dur ailleurs : tout passe par ces variables.
   ========================================================================== */
:root{
  /* --- fonds --- */
  --bg:#060a0d;
  --panel:#0d1318;
  --panel2:#11181e;
  --panel3:#0c1217;
  --line:#273039;
  --line-soft:#1c242b;

  /* --- texte --- */
  --text:#f6f7f8;
  --muted:#9ca6ad;
  --muted2:#6d777e;

  /* --- accents --- */
  --gold:#f6b91b;
  --gold2:#ffcc49;
  --gold-deep:#c98a08;
  --green:#30c567;
  --blue:#2e9cff;
  --purple:#c765f0;
  --red:#ff5a5a;
  --orange:#ff7a1a;

  /* --- couleurs de marque des opérateurs --- */
  --mtn:#ffcb05;
  --om:#ff6600;

  /* --- surfaces dérivées --- */
  --grad-panel:linear-gradient(145deg,#11181d,#0b1115);
  --grad-gold:linear-gradient(135deg,var(--gold),var(--gold2));
  --grad-nav-active:linear-gradient(90deg,rgba(246,185,27,.28),rgba(246,185,27,.10));

  /* --- géométrie --- */
  --radius:18px;
  --radius-sm:12px;
  --radius-md:14px;
  --radius-lg:22px;
  --sidebar-w:260px;
  --topbar-h:86px;
  --bottom-nav-h:72px;
  --content-max:1320px;

  /* --- élévation --- */
  --shadow-sm:0 2px 10px rgba(0,0,0,.35);
  --shadow-md:0 12px 30px rgba(0,0,0,.45);
  --shadow-gold:0 8px 24px rgba(246,185,27,.22);

  /* --- divers --- */
  --ease:cubic-bezier(.4,0,.2,1);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}