/* FIELD v2 — jetons de design. Toute valeur de l'interface vient d'ici.
   Depuis le 28/10 : design du socle Allyo (thème CLAIR de inc/espace-ui.php — l'application
   est lue en plein soleil), à la demande de Mathieu (« rapproche-toi au max du design allyo »). */
/* Polices : /assets/fonts/allyo/polices.css, chargée par chaque page avant ce fichier. */

:root {
  /* Palette du socle, thème clair */
  --c-papier:    #EEF1F7;              /* --deep clair */
  --c-blanc:     #FFFFFF;              /* --card */
  --c-encre:     #17223A;              /* --ink */
  --c-encre-2:   #54648A;              /* --muted */
  --c-discret:   #5E6B8C;              /* --faint du socle (#8391B0) foncé : contraste 4,5:1 sur fond clair */
  --c-trait:     rgba(12, 28, 57, .16);/* --line */
  --c-trait-2:   rgba(12, 28, 57, .08);/* --line-2 */
  --c-navy:      #0C1C39;              /* le rail, toujours bleu nuit */
  --c-navy-texte: #C9D3E6;
  --c-menthe:    #0B8A71;              /* --mint clair du socle (#0E9F83) foncé d'un cran : texte blanc lisible */
  --c-menthe-2:  #08735E;              /* --mint-2, et le menthe des textes */
  --c-menthe-voile: rgba(14, 159, 131, .09);
  --c-menthe-trait: rgba(14, 159, 131, .5);
  --c-balise:    #F2B705;              /* « maintenant » sur le planning */
  --c-alerte:    #C8412C;              /* --alerte clair */
  --c-alerte-voile: rgba(200, 65, 44, .08);

  /* Drapeaux du sélecteur de langue : contenu (couleurs officielles), jamais décor */
  --drapeau-blanc: #FFFFFF;
  --drapeau-fr-bleu: #0055A4;  --drapeau-fr-rouge: #EF4135;
  --drapeau-ro-bleu: #002B7F;  --drapeau-ro-jaune: #FCD116;  --drapeau-ro-rouge: #CE1126;
  --drapeau-nl-rouge: #AE1C28; --drapeau-nl-bleu: #21468B;
  --drapeau-de-noir: #000000;  --drapeau-de-rouge: #DD0000;  --drapeau-de-or: #FFCE00;
  --drapeau-uk-bleu: #012169;  --drapeau-uk-rouge: #C8102E;
  --drapeau-l: 2.25rem;

  /* Surfaces sémantiques */
  --fond: var(--c-papier);
  --surface: var(--c-blanc);
  --encre: var(--c-encre);
  --encre-2: var(--c-encre-2);
  --discret: var(--c-discret);
  --trait: var(--c-trait);
  --trait-2: var(--c-trait-2);
  --trait-fort: rgba(12, 28, 57, .28);
  --champ: rgba(12, 28, 57, .05);       /* --field clair */
  --champ-focus: rgba(12, 28, 57, .09);
  --accent: var(--c-menthe);
  --sur-accent: #FFFFFF;                /* --on-mint clair */
  --degrade-accent: linear-gradient(140deg, var(--c-menthe), var(--c-menthe-2));
  --ombre-accent: 0 14px 32px -16px rgba(14, 159, 131, .9);
  --balise: var(--c-balise);
  --sur-balise: var(--c-encre);
  --alerte: var(--c-alerte);
  --focus: var(--c-menthe);
  --rail-fond: var(--c-navy);
  --rail-texte: var(--c-navy-texte);
  --voile-modale: rgba(3, 8, 18, .6);
  --grain-opacite: 0.03;

  /* Typographie du socle : Plus Jakarta Sans (texte), Sora (titres), JetBrains Mono (intitulés) */
  --police: "Plus Jakarta Sans", system-ui, sans-serif;
  --police-titre: "Sora", system-ui, sans-serif;
  --police-mono: "JetBrains Mono", ui-monospace, monospace;
  --base: 14px;                         /* base FIXE du socle */
  --t-titre:   clamp(1.4rem, 3.4vw, 1.9rem); --i-titre: 1.2;  --l-titre: -.03em;
  --t-section: 1.08rem;  --i-section: 1.3;
  --t-texte:   .95rem;   --i-texte: 1.6;
  --t-petit:   .86rem;   --i-petit: 1.45;
  --t-mini:    .78rem;   --i-mini: 1.35;
  --t-label:   .66rem;   --l-label: .16em;   /* label.lb */
  --t-kicker:  .68rem;   --l-kicker: .2em;   /* .kicker */
  --t-plaque:  .9375rem; --i-plaque: 1; --l-plaque: .06em;
  --g-normal: 400; --g-moyen: 500; --g-fort: 600; --g-titre: 700;

  /* Espacements */
  --e-1: .25rem; --e-2: .5rem; --e-3: .75rem; --e-4: 1rem; --e-5: 1.4rem; --e-6: 2rem; --e-7: 3rem;
  --gouttiere-mobile: 1rem;

  /* Rayons du socle, par rang : carte > tuile > champ > plaque */
  --r-coque: 0;
  --r-carte: 18px;
  --r-tuile: 13px;
  --r-fiche: 13px;
  --r-champ: 11px;
  --r-plaque: 3px;
  --r-pastille: 999px;

  /* Filets */
  --f-fin: 1px; --f-moyen: 2px; --f-fort: 3px;

  /* Dimensions */
  --rail-etroit: 4rem;
  --colonne-equipe: 12rem;
  --colonne-a-placer: 17rem;
  --jour-min: 8.5rem;
  --ligne-b-h: 3.75rem;
  --tactile: 44px;                      /* plancher tactile du socle (--touch-min) */
  --avatar: 2rem;
  --avatar-grand: 96px;
  --plaque-h: 1.75rem;
  --plaque-h-mini: 1.25rem;
  /* Plaque d'immatriculation (Mes véhicules, 28/10) : bandeau bleu européen, fond blanc, encre noire (F) ou rouge (B). */
  --plaque-ue: #003399;
  --plaque-fond: #FFFFFF;
  --plaque-encre: #111418;
  --plaque-encre-be: #A8161D;
  --plaque-bandeau: 1.1rem;
  --hachure: 7px;

  /* Mouvement */
  --duree: .2s;
  --courbe: cubic-bezier(.22, 1, .36, 1);
}