/* ================================================================ Interface v2 « Mi-verre » (Scott 2026-10-23 : « on part sur le 2
   mi-verre, fais tout le rework ») : verre sombre peu saturé, arêtes nettes, pas de lueur ni d'ombre portée. Maquette de référence :
   mockups/ui_mix.html?m=2. Toutes les règles sont sous body.ui-v2 (index.html l'ajoute ; ?ui=old = l'ancienne interface).
   Ce fichier = la base commune (couleurs, boutons, coque des bulles) ; ui-v2-menu.css (hors jeu) et ui-v2-game.css (en jeu) la suivent.
   En jeu, l'interface reste discrète (pas de cadres ni de gros menus) : seuls les éléments flottants prennent le verre. */
body.ui-v2 {
  --v-bg: #100a22; --v-ink1: #18112e; --v-ink2: #221a3c; --v-ink3: #2d2450;
  --v-edge: rgba(126, 106, 200, .4); --v-edge-hi: rgba(176, 156, 244, .55);
  --v-card: rgba(22, 16, 44, .66); --v-sheet: rgba(26, 19, 54, .6); --v-blur: blur(14px) saturate(120%);
  --v-row: rgba(255, 255, 255, .045); --v-row-bd: inset 0 0 0 1px rgba(255, 255, 255, .06); --v-track: rgba(255, 255, 255, .1); --v-well: rgba(8, 5, 20, .5);
  --v-r: 12px; --v-row-r: 10px; --v-btn-r: 12px; --v-chip-r: 6px;
  --v-tip: rgba(18, 12, 38, .88); --v-tip-bd: rgba(126, 106, 200, .46); --v-tip-row: rgba(255, 255, 255, .055);
  --v-tx: #f5f1ff; --v-tx2: #c8bdf0; --v-tx3: #9d90d2;
  --v-lime: #c8e20a; --v-lime-hi: #dcf53a; --v-lime-band: #8ca300; --v-on-lime: #17112a;
  --v-gold: #ffc21f; --v-gold-tx: #ffd45c; --v-red: #ff4766; --v-green: #34e07a; --v-blue: #26a9ff;
  --v-sec: rgba(255, 255, 255, .06); --v-sec-bd: inset 0 0 0 1.5px rgba(176, 156, 244, .42); --v-sec-hi: rgba(255, 255, 255, .1);
}
/* surfaces réutilisables (nouvelles classes) : carte = contenu dense, feuille = grandes surfaces */
body.ui-v2 .v-sheet { background: var(--v-sheet); border: 1.5px solid var(--v-edge); border-radius: var(--v-r); -webkit-backdrop-filter: var(--v-blur); backdrop-filter: var(--v-blur); }
body.ui-v2 .v-lbl { font: 700 13px Lexend, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--v-tx2); }

/* ---------------------------------------------------------------- boutons (les deux familles du jeu, partout) */
/* principal : citron plat, bande plus foncée en bas ; survol plus clair ; appui : la bande s'écrase */
body.ui-v2 .btn-green { border: 0; border-image: none; border-radius: var(--v-btn-r); background: var(--v-lime); color: var(--v-on-lime); text-shadow: none;
  box-shadow: inset 0 -3px 0 var(--v-lime-band); padding: 0 16px 2px; min-height: 34px; font-weight: 700; line-height: 1.15; cursor: pointer;
  transition: background .12s, transform .06s, box-shadow .06s; }
body.ui-v2 .btn-green:hover:not(:disabled) { background: var(--v-lime-hi); border-image: none; }
body.ui-v2 .btn-green:active:not(:disabled) { border-image: none; transform: translateY(1px); box-shadow: inset 0 -1px 0 var(--v-lime-band); }
body.ui-v2 .btn-green:disabled { border-image: none; background: rgba(255, 255, 255, .07); color: var(--v-tx3); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); opacity: 1; }
/* secondaire : verre clair et arête violette */
body.ui-v2 .btn-grey { border: 0; border-radius: var(--v-btn-r); background: var(--v-sec); color: var(--v-tx); box-shadow: var(--v-sec-bd); min-height: 32px; font-weight: 700; cursor: pointer;
  transition: background .12s, transform .06s; }
body.ui-v2 .btn-grey:hover:not(:disabled) { background: var(--v-sec-hi); }
body.ui-v2 .btn-grey:active:not(:disabled) { transform: translateY(1px); }
body.ui-v2 .btn-grey:disabled { opacity: .5; cursor: default; }

/* ---------------------------------------------------------------- coque des bulles (jeu et menus) : verre sombre, arête nette */
body.ui-v2 #tooltip, body.ui-v2 #tooltip2, body.ui-v2 .tt-box { background: var(--v-tip); border: 1.5px solid var(--v-tip-bd); border-radius: var(--v-r); box-shadow: none;
  -webkit-backdrop-filter: var(--v-blur); backdrop-filter: var(--v-blur); color: var(--v-tx); }