:root {
    /* Roles generaux */
    --font-page-banner: var(--font-ui-retro-stack);
    --font-site-subtitle: var(--font-ui-retro);
    --font-system-info: var(--font-pixel);
    --font-section-title: var(--font-pixel);
    --font-list-count: var(--font-ui-retro-stack);
    --font-list-filter: var(--font-ui-retro-stack);

    --type-size-page-banner: 30px;
    --type-size-list-count-number: 23px;
    --type-size-list-count-label: 20px;
    --type-size-list-filter: clamp(0.9rem, 0.55vw, 0.92rem);

    /* Listes et cards */
    --font-card-title: var(--font-bungee);
    --font-card-meta: var(--font-ui-retro);
    --font-badge: var(--font-ui-retro);

    --type-size-card-title: 22px;
    --type-size-card-title-compact: 1.3rem;
    --type-size-card-meta: 15px;
    --type-size-badge: 1rem;

    /* Accueil et textes */
    --font-news-text: var(--font-aldrich);
    --font-long-text: var(--font-aldrich);
    --font-reading-short: var(--font-news-text);
    --font-reading-long: var(--font-long-text);

    --type-size-news-text: 0.78rem;
    --type-size-long-text: 0.78rem;
    --type-line-height-reading: 1.2;

    /* Page: test */
    /* Fonts utilisees par la fiche test, les fiches societe/personnalite detaillees partageant le meme gabarit, et certains blocs magazine/review. */
    --font-test-title: var(--font-bungee);
    --font-test-accordion: var(--font-ui-retro);
    --font-test-main: var(--font-barlow-condensed);
    --font-test-legend: var(--font-bungee);
    --font-test-left: var(--font-orbitron);
    --font-test-label: var(--font-bungee-inline);
    --font-test-value: var(--font-test-left);
    --font-test-heading: var(--font-pixel);
    --font-test-code: var(--font-mono);
    --font-test-quote: var(--font-system);
    --font-keyboard: var(--font-sans);

    /* Zone: haut de fiche - exemple /test/323, titre "Indiana Jones..." et plateforme. */
    /* Titre principal de la fiche */
    --type-size-test-title: 2rem;
    /* Lien du titre si le titre est cliquable */
    --type-size-test-title-link: 2.2rem;
    /* Sous-titre du jeu */
    --type-size-test-title-subtitle: 1.2rem;
    /* Plateforme affichee dans le titre */
    --type-size-test-title-platform: 23px;
    /* Meta courte sous le titre */
    --type-size-test-title-meta: 1.5rem;
    /* Badge incline de plateforme */
    --type-size-test-title-stamp: 3.0em;
    /* Badge incline review */
    --type-size-test-review-stamp: 2em;

    /* Zone: colonne centrale - exemple /test/323, texte du test, titres de sections, figures et tableaux. */
    /* Texte principal du test, solutions, reviews et references */
    --type-size-test-main: 1rem;
    /* Grand titre de section, ex: "INDIANA JONES AVANT THE LAST CRUSADE" */
    --type-size-test-heading: 2rem;
    /* Titre moyen dans le texte ou les solutions */
    --type-size-test-heading-medium: 1.7rem;
    /* Petit titre encadre */
    --type-size-test-heading-small: 1.9rem;
    /* Titre de figure ou de solution */
    --type-size-test-heading-figure: 27px;
    /* Titre d'encart dans le contenu */
    --type-size-test-content-callout: 25px;
    /* Texte dans les tableaux integres au test */
    --type-size-test-table-text: 23px;
    /* Legende sous image */
    --type-size-test-figure-caption: 0.9rem;
    /* Texte des figures enrichies image-left/image-right */
    --type-size-test-rich-figure: 0.875em;
    /* Titre des figures enrichies */
    --type-size-test-rich-figure-title: 2.5em;
    /* Titre ponctuel ou conclusion */
    --type-size-test-inline-title: 25px;
    /* Texte de contenu magazine integre */
    --type-size-test-magazine-text: 20px;

    /* Zone: colonnes gauche/droite - exemple /test/323, box INFORMATIONS, CONCEPTION, PLAYLIST, MAGAZINES. */
    /* Titre de box, ex: INFORMATIONS / CONCEPTION */
    --type-size-test-legend: 1.2rem;
    /* Titre de la box magazines */
    --type-size-test-magazine-legend: 2em;
    /* Texte global des anciennes box */
    --type-size-test-box-container: 2rem;
    /* Labels, ex: GENRE / SORTIE / DEVELOPPEUR */
    --type-size-test-box-label: 0.8rem;
    /* Valeurs, ex: Aventure / 1989 / Lucasfilm Games */
    --type-size-test-box-value: 0.8rem;
    /* Petites valeurs secondaires, dates, numeros */
    --type-size-test-box-value-small: 0.70rem;
    /* Sous-titre interne d'ancienne box */
    --type-size-test-box-subtitle: 1.05rem;
    /* Detail ou label special */
    --type-size-test-box-detail: 1.1rem;
    /* Titre de sous-section dans une box */
    --type-size-test-box-section: 1.3rem;
    /* Titre d'ancienne box */
    --type-size-test-box-title: 23px;
    /* Commentaire d'ancienne box */
    --type-size-test-box-comment: 17px;
    /* Meta de box */
    --type-size-test-box-meta: 0.86rem;
    /* Meta secondaire, ex: ludographie/personnalites */
    --type-size-test-box-meta-small: 0.78rem;
    /* Playlist: numero et nom de piste, ex: "01. Title Theme" */
    --type-size-test-playlist: 0.68rem;
    /* Badge page magazine */
    --type-size-test-magazine-chip: 12px;
    /* Contenu sous image magazine */
    --type-size-test-magazine-content: 0.8rem;

    /* Zone: blocs sous le test - SOLUTIONS, REVIEWS, EN VRAC, REFERENCES. */
    /* Titre de bloc review/solution */
    --type-size-test-review-title: 1.5rem;

    /* Zone: citations et code - blockquote, extraits code, touches clavier. */
    /* Code ou texte monospacé */
    --type-size-test-code: 15px;
    /* Texte de citation */
    --type-size-test-quote: 1rem;
    /* Guillemets decoratifs de citation */
    --type-size-test-quote-mark: 4em;

    /* Zone: contenus speciaux/enquete - ex: Meurtres sur Atlantique, temoignages, suspects, tableaux. */
    /* Texte standard des cartes speciales */
    --type-size-test-special-text: 1rem;
    /* Titres des cartes/proces-verbal */
    --type-size-test-special-title: 28px;
    /* Petit texte d'aide, conditions, notes */
    --type-size-test-special-small: 0.9em;
    /* Cellules des tableaux suspects */
    --type-size-test-special-table: 18px;
    /* En-tetes des tableaux suspects */
    --type-size-test-special-table-head: 16px;
    /* Nom de suspect/personne */
    --type-size-test-special-name: 1.3em;
    /* Texte contexte/localisation */
    --type-size-test-special-context: 1em;

    /* Magazines */
    --font-magazine-card-title: var(--font-bungee-inline);
    --font-magazine-meta: var(--font-bungee-inline);
    --font-magazine-page-number: var(--font-pixel);
    --font-magazine-page-title: var(--font-bungee-inline);
    --font-magazine-page-detail: var(--font-ui-retro);
    --font-magazine-summary: var(--font-orbitron);

    --type-size-magazine-card-title: 24px;
    --type-size-magazine-meta: 15px;
    --type-size-magazine-page-title: 1rem;
    --type-size-magazine-summary: 0.82rem;
    --type-size-magazine-page-number: 1.2em;

    /* Menus */
    --font-menu: var(--font-orbitron);
    --font-menu-icon: var(--font-exo-2);
    --font-audio-ui: var(--font-exo-2);
    --font-control-mono: var(--font-exo-2);

    --type-size-menu-left: 21px;
    --type-size-menu-button-icon: 30px;
    --type-size-menu-button-label: 16px;
    --type-size-menu-panel-title: 20px;
    --type-size-menu-panel-section: 18px;
    --type-size-menu-panel-icon: 20px;
    --type-size-menu-panel-section-icon: 16px;
    --type-size-menu-panel-text: 8px;
    --type-size-menu-panel-track: 14px;
    --type-size-menu-panel-small: 12px;
    --type-size-menu-panel-micro: 12px;
    --type-size-menu-panel-nano: 11px;
    --type-size-menu-panel-nav: 29px;

    /* Modules specifiques */
    --font-video-timer: var(--font-video-timer-legacy);
    --font-video-tooltip: var(--font-system-stack);
    --font-form-retro: var(--font-retro-body), var(--font-system);
}