/* ============================================================================
   Drone-MTL — Tokens de design (SOURCE DE VÉRITÉ du site marketing)
   Palette « cyan acier ». Pour changer une couleur du site : éditer ICI.
   Ce fichier est lié en dernier sur chaque page → il prime sur les :root locaux
   (qui restent en filet de sécurité si ce fichier ne se charge pas).
   Référence complète : DESIGN-TOKENS.md
   ============================================================================ */
:root{
  /* — Couleurs : fonds (thème sombre) — */
  --bg:#0C1A24;          /* fond principal (navy profond)  */
  --bg2:#11222D;         /* fond secondaire                */
  --panel:#162A35;       /* surfaces / cartes              */

  /* — Couleurs : texte — */
  --txt:#EDEDF0;         /* texte principal                */
  --mut:#8E93A0;         /* texte atténué / secondaire     */

  /* — Couleurs : accent (NOMS CANONIQUES — à utiliser pour tout nouveau code) — */
  --accent:#16B8C9;      /* cyan acier — accent principal  */
  --accent-2:#4FD1C5;    /* teal — accent secondaire/lueur */
  --accent-ink:#04262B;  /* texte foncé posé SUR l'accent  */

  /* — Alias rétro-compatibilité (anciens noms — ne PAS utiliser pour du neuf) — */
  --orange:var(--accent);
  --amber:var(--accent-2);

  /* — Bordures — */
  --line:rgba(255,255,255,.12);
  --line2:rgba(255,255,255,.16);

  /* — Typographie — */
  --disp:'Helvetica Neue',Helvetica,Arial,sans-serif;  /* titres */
  --body:'Helvetica Neue',Helvetica,Arial,sans-serif;  /* corps  */

  /* — Rayons de coin (échelle) — */
  --r-input:10px;        /* champs                         */
  --r-card:18px;         /* cartes / panneaux              */
  --r-pill:999px;        /* boutons (pilule)               */

  /* — Espacement (échelle 4/8/12/16/24/32) — */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px;
}

/* — Sélecteur de langue (FR/EN/ES/中文) — */
.lang-switch{display:inline-flex;gap:2px;align-items:center;font-family:var(--disp,var(--aff,'Helvetica Neue',Helvetica,Arial,sans-serif));font-size:12.5px}
.lang-switch a{color:#9aa0ad;text-decoration:none;padding:4px 6px;border-radius:6px;line-height:1}
.lang-switch a:hover{color:#fff}
.lang-switch a.on{color:var(--accent);font-weight:700}
.lang-switch .sep{color:#3a4651;font-size:11px}

/* — Arrière-plan vidéo plein-site : on neutralise l'ancien dégradé latéral du hero
   (créait une couture verticale visible maintenant que le fond est uniforme ;
   la lisibilité est assurée par le voile global .site-scrim) — */
.hero-bg::after{display:none !important}