/* Charte La 90ème, version outil.
   Même ADN que le média (Inter Tight, papier #F2F7F2, rouge #C90000, orange #F6AE2D, tampon décalé noir),
   réglé pour un écran qu'on regarde trois heures : texte d'interface en Regular 400, tampons réservés aux
   actions qui comptent, vert uniquement pour les validations. Source : la90-me-design-system/colors_and_type.css. */

@font-face{font-family:"Inter Tight";src:url("/fonts/InterTight-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono_wght_.ttf") format("truetype");font-weight:100 800;font-style:normal;font-display:swap}

:root{
  /* marque */
  --c90-noir:#0A0A0A; --c90-papier:#F2F7F2; --c90-blanc:#FFFFFF;
  --c90-rouge:#C90000; --c90-rouge-fonce:#A30000; --c90-rouge-vif:#E50914;
  --c90-orange:#F6AE2D; --c90-orange-fonce:#D9931F;
  --c90-g900:#111111; --c90-g800:#1C1C1C; --c90-g700:#2B2B2B; --c90-g600:#4A4A4A; --c90-g500:#7A7A7A;
  --c90-g300:#C9C9C9; --c90-g200:#E4E6E4; --c90-g100:#EEF1EE;
  /* outil uniquement : la coche « c'est bon » */
  --c90-ok:#1E7A45;

  --c90-sans:"Inter Tight","Helvetica Neue",Arial,system-ui,sans-serif;
  --c90-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --c90-r-xs:4px; --c90-r-sm:8px; --c90-r-md:12px; --c90-r-lg:20px;
  --c90-tampon:4px 4px 0 var(--c90-noir);
  --c90-tampon-o:4px 4px 0 var(--c90-orange);
  --c90-tampon-presse:2px 2px 0 var(--c90-noir);
  --c90-ease:cubic-bezier(.2,.7,.2,1);
}

/* titre éditorial : minuscules + point rouge */
.c90-point::after{content:".";color:var(--c90-rouge)}

/* sur-titre (eyebrow) */
.c90-eyebrow{font:700 11px/1 var(--c90-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--c90-rouge)}

/* boutons de la charte */
.c90-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--c90-r-xs);
  font:700 13px/1 var(--c90-sans);letter-spacing:.06em;text-transform:uppercase;padding:11px 16px;cursor:pointer;white-space:nowrap;
  transition:transform .12s var(--c90-ease),box-shadow .12s var(--c90-ease),background-color .12s}
.c90-btn.rouge{background:var(--c90-rouge);color:var(--c90-papier);box-shadow:var(--c90-tampon)}
.c90-btn.rouge:hover{background:var(--c90-rouge-fonce)}
.c90-btn.noir{background:var(--c90-noir);color:var(--c90-papier);box-shadow:var(--c90-tampon-o)}
.c90-btn.noir:hover{background:var(--c90-g700)}
.c90-btn.contour{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.c90-btn.rouge:active,.c90-btn.noir:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c90-noir)}
.c90-btn.noir:active{box-shadow:2px 2px 0 var(--c90-orange)}
.c90-btn:disabled{opacity:.45;cursor:default;transform:none}
@media (prefers-reduced-motion:reduce){.c90-btn{transition:none}}