/* Hich's iDroid — tokens v2 (brief 02 v2 §2). Source unique, ne pas inventer. */
:root{
  /* Couleurs */
  --ground:#050607;      /* fond d'écran */
  --panel:#0F1114;       /* zones de détail, carte, terrain */
  --panel-2:#161920;     /* zone survolée, feuille */
  --line:#262B33;        /* traits, séparateurs */
  --line-2:#3A414B;      /* bordures de contrôles, cases, cadre téléphone */
  --text:#E7E9EC;        /* texte principal */
  --dim:#8C939D;         /* sous-textes, side ops au repos */
  --dim-2:#5F6772;       /* numéros, indications de commande */
  --orange:#F7A31C;      /* sélection, objectif actuel, onglet actif, barres, vous */
  --orange-ink:#1A1204;  /* texte sur le plein orange */
  --orange-ink-55:rgba(26,18,4,.55);
  --orange-ink-75:rgba(26,18,4,.75);
  --cyan:#8AD9F5;        /* hologramme MAP, coches, franchi, J-compteurs */
  --red:#FF4D3D;         /* fenêtre manquée uniquement, après 21:00 */
  --scrim:rgba(5,6,7,.62);
  --scanline:rgba(138,217,245,.05);

  /* Typographie — auto-hébergée */
  --font-cond:"Barlow Condensed","Roboto Condensed","Arial Narrow",sans-serif; /* titres, valeurs, onglets, indications */
  --font-body:"Barlow",system-ui,sans-serif;                                  /* sous-textes, phrases */
  --fs-hero:34px;   /* compteur intake */
  --fs-num:30px;    /* saisie sommeil */
  --fs-row:19px;    /* lignes principales, titre de feuille */
  --fs-next:17px;   /* lignes "prochains points" MAP */
  --fs-side:16px;   /* side ops */
  --fs-val:15px;    /* valeurs, tâches */
  --fs-btn:14px;    /* bouton */
  --fs-tab:13px;    /* onglets, numéros */
  --fs-sub:12px;    /* sous-textes, top bar */
  --fs-hint:11px;   /* indications, légendes, têtes de détail */
  --fs-tick:10px;   /* graduations */
  --lh-title:1;
  --lh-body:1.45;
  --ls-row:.06em;   /* capitales sur lignes */
  --ls-tab:.03em;
  --ls-sec:.12em;   /* têtes de section */
  --ls-head:.14em;  /* têtes de détail, légendes MAP */
  --ls-val:.03em;
  --ls-hint:.06em;
  --ls-top:.08em;

  /* Espace — grille 4 pt */
  --gutter:16px;
  --row-py:8px;
  --side-py:6px;
  --task-py:13px;
  --sec-mt:16px;
  --sec-mb:6px;
  --detail-py:8px 16px 10px;
  --sheet-p:14px 16px 24px;

  /* Formes — aucun rayon, coins coupés */
  --cut-sel:12px;
  --cut-btn:8px;
  --clip-sel:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  --clip-btn:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
  --clip-sheet:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);
  --r-phone:26px;   /* le seul rayon */

  /* Dimensions */
  --bar-h:3px;
  --mini-w:120px;
  --box:14px;
  --seg-w:8px; --seg-h:10px; --seg-gap:2px;
  --pm-w:30px; --pm-h:26px;
  --pm-lg-w:44px; --pm-lg-h:40px;
  --tap-min:44px;
  --tab-underline:2px;

  /* Mouvement — balayage, pas de fondu */
  --d-tab:180ms;    /* glissement horizontal onglets */
  --d-boot:300ms;   /* balayage vertical à l'ouverture, 1×/jour logique */
  --d-sheet:200ms;  /* feuille qui monte */
  --d-fill:300ms;   /* barre qui se remplit après geste */
  --d-sel:0ms;      /* la sélection saute, sans animation */
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (prefers-reduced-motion:reduce){:root{--d-tab:0ms;--d-boot:0ms;--d-sheet:0ms;--d-fill:0ms}}