/* ═══════════════════════════════════════════════════════════════
   CO-MARQUE INEMA — couche institution
   Même gabarit que marque-iae.css (skill ls-marque-iae), avec les deux
   écarts que le fichier impose de lui-même : le PNG porte un canal
   alpha, donc pas de pastille ; et l'institution fournit deux
   versions, jour et nuit, qu'on bascule sur le registre.
   D'où viennent ces valeurs : inema-sup.com est injoignable depuis cet
   environnement (proxy sortant). Les deux teintes sont MESURÉES sur
   assets/img/logo-inema.png (1330 × 507, RGBA, 175 454 pixels
   opaques). Ce ne sont pas des références de charte officielle.
   ═══════════════════════════════════════════════════════════════ */
:root{
  /* L'ardoise du lettrage — 76 % des pixels opaques, 7,33:1 sur blanc,
     c'est elle qui porte le nom. L'anis du signe — 20 %, 1,87:1 sur
     blanc : il ponctue, il ne porte aucun texte. */
  --inema-ardoise:#4A5862;
  --inema-anis:#B1C903;

  /* Rôles : ce que les règles consomment. */
  --inema-filet:var(--inema-anis);
  --inema-mention:var(--inema-ardoise);

  --inema-logo-jour:url("../img/logo-inema.png");
  --inema-logo-nuit:url("../img/logo-inema-blanc.png");
  /* Le rapport du fichier, à ne jamais contredire : 1330 / 507 = 2,623.
     Une seule dimension est imposée, la largeur ; la hauteur suit. */
  --inema-logo-ratio:1330 / 507;
  /* Choix de mise en page, pas une mesure : la largeur retenue pour une
     tuile de la page des formations, alignée sur celle du lockup IAE. */
  --inema-logo-larg:124px;
}

/* ── LA TUILE DE LA PAGE DES FORMATIONS ───────────────────────────
   .mqr est un emplacement carré de 52 px prévu pour un QR, en rendu au
   plus proche voisin : un lockup 1330 × 507 y arrivait écrasé de 2,6
   fois sur une page publique. La co-marque d'une tuile se pose dans le
   corps de la carte, au-dessus du .mnum. */
.menu-card--inema .mqr{display:none}
.menu-card--inema h3{padding-right:0}
.cs-cobrand--inema{display:inline-flex;align-items:center;flex:0 0 auto;
  min-width:0;margin:2px 0 12px}
/* Jamais de height à côté du width sur ce fichier : c'est la
   déformation qui attend son moment. */
.cs-cobrand--inema img{display:block;width:var(--inema-logo-larg);height:auto;
  max-width:100%}

/* ── REGISTRE SOMBRE ──────────────────────────────────────────────
   L'ardoise du lettrage tombe sous le seuil sur le fond nuit. Le
   fichier n'est pas détouré ni inversé : c'est la version blanche
   fournie par l'institution qui prend la place. */
.cs-cobrand--inema .ci-nuit{display:none}
:root[data-tema="sombre"] .cs-cobrand--inema .ci-jour{display:none}
:root[data-tema="sombre"] .cs-cobrand--inema .ci-nuit{display:block}

/* ── REGISTRE PAPIER ──────────────────────────────────────────────
   Le papier est blanc : c'est la version jour qui sort, même quand
   l'écran était en registre nuit. Le sélecteur répète le registre
   sombre — une media query n'ajoute aucune spécificité. */
@media print{
  :root .cs-cobrand--inema .ci-jour,
  :root[data-tema="sombre"] .cs-cobrand--inema .ci-jour{display:block}
  :root .cs-cobrand--inema .ci-nuit,
  :root[data-tema="sombre"] .cs-cobrand--inema .ci-nuit{display:none}
}

/* ── LA COUCHE COURS — registre INEMA sur le moteur (famille EMPIEO) ──
   Prérequis campus : les supports EMPIEO portent les couleurs INEMA.
   DEUX RÔLES, DEUX CLASSES — la distinction compte :
     `marque-inema`   la CO-MARQUE (lockup, logo jour/nuit). Interrupteur
                      réel : le <link> vers ce fichier ; la classe est un
                      marqueur, comme `marque-iae` côté IAE.
     `registre-inema` la PEAU DE COULEURS ci-dessous. Réservée aux
                      SUPPORTS DE COURS : la vitrine publique
                      (/formations/inema/) garde le registre or de
                      Lean Skipper — l'école habille le cours, pas la
                      boutique. Les deux survivent à l'export
                      (cleanClone garde marque-* ET registre-*).
   Aucun
   composant n'est re-stylé un par un : on rhabille les TOKENS d'accent
   du moteur, et tout suit — pastilles, intercalaires, tuiles, graphes.
   Répartition héritée du logo : l'ardoise porte le texte (7,33:1 sur
   blanc), l'anis ponctue (bordures, halos, verdicts) — jamais l'inverse.
   Le fond, lui, reste Lean Skipper (boussole, grille, structure) :
   la méthode en second plan, l'école au premier.                     */
body.registre-inema{
  /* l'échelle d'accent : l'ardoise remplace l'or assombri du clair */
  --gold-300:#39454e;
  --gold-400:#44525c;
  --gold-500:#4a5862;
  --gold-600:#3f4d57;
  --gold-700:#333f48;
  --gold:var(--gold-500);
  /* l'anis ponctue : halos, filets, aplats doux, verdicts « dans la cible » */
  --gold-soft:rgba(177,201,3,.16);
  --gold-hair:rgba(122,140,4,.52);
  --halo-gold:rgba(177,201,3,.22);
  --glow-gold:0 0 0 1px rgba(122,140,4,.45), 0 0 26px rgba(177,201,3,.18);
  --metal-gold:linear-gradient(105deg,#333f48 0%,#4a5862 40%,#333f48 100%);
  --light-overhead:radial-gradient(ellipse 120% 70% at 50% -18%, rgba(177,201,3,.09), transparent 70%);
  --tint-warm:linear-gradient(160deg,#f6f8e9,var(--surface-card));
  --tint-warm-strong:linear-gradient(155deg,#eef3d2,var(--surface-card));
}
/* Registre sombre : l'ardoise ne tient pas sur la nuit — l'anis porte,
   éclairci en échelle, et l'ardoise passe en teinte de lignes. */
:root[data-tema="sombre"] body.registre-inema{
  --gold-300:#e8eec4;
  --gold-400:#cdd97a;
  --gold-500:#b1c903;
  --gold-600:#c3d54e;
  --gold-700:#9aad07;
  --gold:var(--gold-500);
  --gold-soft:rgba(177,201,3,.14);
  --gold-hair:rgba(177,201,3,.36);
  --halo-gold:rgba(177,201,3,.18);
  --glow-gold:0 0 0 1px rgba(177,201,3,.45), 0 0 26px rgba(177,201,3,.16);
  --metal-gold:linear-gradient(105deg,#77860a 0%,#cdd97a 38%,#b1c903 55%,#77860a 100%);
  --light-overhead:radial-gradient(ellipse 120% 70% at 50% -18%, rgba(177,201,3,.11), transparent 70%);
  --tint-warm:linear-gradient(160deg,#22271a,var(--surface-card));
  --tint-warm-strong:linear-gradient(155deg,#2a3018,var(--surface-card));
}
/* Papier : registre clair — l'ardoise imprime, l'anis reste ponctuation. */
@media print{
  body.registre-inema{
    --gold-300:#39454e; --gold-400:#44525c; --gold-500:#4a5862;
    --gold-600:#3f4d57; --gold-700:#333f48;
  }
}