/* ============================================================
   Vitrine — les variables propres à ses feuilles, reliées au thème « Pro sobre »
   ============================================================
   Chargée juste après `partage/web/styles/theme-web.css` (chantier B1). Aucune valeur de
   couleur, de police ni d'angle : tout vient des jetons (`partage/theme/genere/theme.css`,
   décision de Jibril du 29/09). La maquette de téléphone de l'ancien avait sa propre
   palette (noir, verre, orange) : elle est dérivée de l'encre et du blanc, et le rouge reste
   la seule couleur vive. À reprendre par B1 (demande D-B2-B1-7), puis à retirer d'ici.
   ============================================================ */

:root {
  --rayon-pilule: var(--rayon-rond);
  --rayon-nul: 0;
  --rayon-appareil: calc(var(--rayon-grand) * 2);

  --app-noir: var(--couleur-encre);
  --app-noir-texte: var(--couleur-inverse);
  --app-noir-doux: color-mix(in srgb, var(--couleur-inverse) 72%, transparent);
  --app-verre: color-mix(in srgb, var(--couleur-inverse) 14%, transparent);
  --app-verre-dense: color-mix(in srgb, var(--couleur-encre) 55%, transparent);
  --app-trait: color-mix(in srgb, var(--couleur-inverse) 30%, transparent);
  --app-alerte: var(--couleur-vif);
  --app-attention-fond: color-mix(in srgb, var(--couleur-vif) 30%, transparent);
  --app-attention-texte: var(--couleur-inverse);
  --app-photo-mi: var(--couleur-encre-douce);

  /* Aucun bleu du navigateur : cases et boutons radio prennent l'encre. */
  accent-color: var(--couleur-principale);
}

/* Un lien sans classe a la couleur de l'encre, pas le bleu du navigateur. */
a { color: var(--couleur-principale); }

/* Le logo « Vistempos » : Inter gras, en rouge (thème « Pro sobre », 29/09). `--couleur-alerte`
   vaut le rouge du thème en clair, et sa variante lisible sur fond sombre (B1, QB1-1). */
/* Chargée avant les feuilles des pages : la règle porte un poids de plus pour l'emporter. */
html body .marque { color: var(--couleur-alerte); font-weight: 700; }