/* ==========================================================================
   themes.css — direction artistique propre à chaque projet
   Chaque bloc s'applique à tout élément portant data-project="…" :
   - la bannière du projet sur l'index
   - le <body> de la page du projet
   - les boutons précédent / suivant qui mènent à ce projet
   Changer une police ici la change donc partout.
   Les polices sont déclarées ici pour être disponibles sur toutes les pages ;
   le navigateur ne télécharge que celles réellement utilisées.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Polices
   -------------------------------------------------------------------------- */

@font-face {
  font-family: "LCD2";
  src: url("../ressources/omnidash/LCD2L__.TTF") format("truetype");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "LCD2";
  src: url("../ressources/omnidash/LCD2N__.TTF") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "LCD2";
  src: url("../ressources/omnidash/LCD2B__.TTF") format("truetype");
  font-weight: 700;
  font-display: swap;
}

/* Roustel — écriture manuscrite façon néon (titres de la page Omnidash) */
@font-face {
  font-family: "Roustel";
  src: url("../ressources/omnidash/Roustel.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

/* Inter — police variable : toutes les graisses de 100 à 900 */
@font-face {
  font-family: "Inter";
  src: url("../ressources/logimetre/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../ressources/logimetre/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Berlin Sans FB — Regular, Demi Bold, Bold */
@font-face {
  font-family: "Berlin Sans FB";
  src: url("../ressources/csw/BRLNSR.TTF") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Berlin Sans FB";
  src: url("../ressources/csw/BRLNSDB.TTF") format("truetype");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Berlin Sans FB";
  src: url("../ressources/csw/BRLNSB.TTF") format("truetype");
  font-weight: 700;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   Projets
   -------------------------------------------------------------------------- */

[data-project="omnidash"] {
  --project-font-title: "LCD2", var(--font-sans);
  --project-font-title-weight: 700;
  --project-font-text: var(--font-sans);
  --project-accent: #e61db9;
}

[data-project="logimetre"] {
  --project-font-title: "Inter", var(--font-sans);
  --project-font-text: "Inter", var(--font-sans);
  --project-accent: #29abe2;
  /* Inter variable passe sinon en version "Display", plus serrée, aux grandes tailles */
  font-optical-sizing: none;
}

[data-project="demo-systemique"] {
  --project-font-title: var(--font-sans);
  --project-font-text: var(--font-sans);
  --project-accent: #2bb3a3;
}

[data-project="csw"] {
  --project-font-title: "Berlin Sans FB", var(--font-sans);
  --project-font-title-weight: 600; /* Demi Bold */
  --project-font-text: var(--font-sans);
  --project-accent: #2bbfd8;
}