/* ============================================================
   Page de connexion de Contrats : les réglages, à un seul endroit.
   Piste E « contrat signé », choisie par François le 20/10/2026
   (maquette : maquettes/connexion/piste-e.html). Couleurs de
   l'intérieur de l'appli : marine #1a3360 et cyan #00a6d8.
   ============================================================ */

:root {
  --police: "Overpass", "Segoe UI", system-ui, sans-serif;
  /* Clé du téléphone et codes de secours : chiffres et lettres à largeur fixe (polices du système) */
  --police-chasse-fixe: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;

  /* Panneau de gauche (la marque) */
  --marine: #1a3360;
  --marine-clair: #223d78;
  --marine-fonce: #12264a;
  --sur-marine: #ffffff;
  --sur-marine-doux: #b9cdf0; /* 8,6 pour 1 sur le marine */
  --cyan: #00a6d8; /* décor seulement : 2,9 pour 1 sur blanc */
  --vert-signe: #16a34a;
  --vert-tampon: #15803d;

  /* Partie droite (le formulaire) */
  --fond-page: #f4f6fb;
  --surface: #ffffff;
  --texte: #1e293b;
  --texte-doux: #55657a; /* 5,8 pour 1 sur blanc */
  --ligne: #dde3ef;
  --bord-champ: #8a9aa3; /* 3,1 pour 1 sur blanc */
  --bord-focus: #1a3360; /* 12,6 pour 1 sur blanc, 3,9 pour 1 avec le bord au repos */
  --icone-champ: #6b7a82; /* 4,4 pour 1 sur blanc */
  --accent: #00749a; /* bouton : 5,0 pour 1 avec le texte blanc */
  --accent-survol: #005f7e;
  --rouge: #b3261e; /* 6,5 pour 1 sur blanc */
  --rouge-pale: #fbecea;

  /* Formes et tailles */
  --rayon: 6px;
  --hauteur-champ: 44px;
  --hauteur-bouton: 46px;
  --hauteur-message: 44px;
  --air-libelle: 4px;
  --hauteur-case-code: 52px;
  --taille-qr: 104px;
}

@media (min-width: 960px) {
  :root { --taille-qr: 144px; }
}