/*
 * Flow Design — police couleur (Agence Le 6 pour Flow Design).
 *
 * Police OpenType COLR/CPAL destinée aux TITRES. Fond transparent : contours, faces
 * blanches, ombres et découpes restent distincts du fond de la page.
 *
 * Deux façons de colorer :
 *   1. Famille « Flow Design Color » + `font-palette` (recommandé, vrai texte recolorable) ;
 *   2. Familles pré-colorées « Flow Design Noir / Bleu / Rose » (logiciels sans sélecteur
 *      de palette, ou navigateurs sans support COLR).
 *
 * Chemins ABSOLUS (`/brand/fonts/…`) : cette feuille est servie par flowAI. Pour un usage
 * hors-site, remplacer par des chemins relatifs vers le dossier `fonts/`.
 *
 * Couverture : A–Z, 0–9 et 24 signes. Les minuscules ASCII affichent leurs majuscules.
 * Lettres accentuées et signes absents de la source (`?`, `&`, `@`) non fournis.
 */

/* 1 — Police couleur pilotable par palette (base-palette 0=noir, 1=bleu, 2=rose). */
@font-face {
  font-family: "Flow Design Color";
  src:
    url("/brand/fonts/FlowDesign-Color.woff2") format("woff2"),
    url("/brand/fonts/FlowDesign-Color.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-palette-values --flow-noir {
  font-family: "Flow Design Color";
  base-palette: 0;
}
@font-palette-values --flow-bleu {
  font-family: "Flow Design Color";
  base-palette: 1;
}
@font-palette-values --flow-rose {
  font-family: "Flow Design Color";
  base-palette: 2;
}

/* 2 — Variantes pré-colorées (palette figée dans le fichier). */
@font-face {
  font-family: "Flow Design Noir";
  src:
    url("/brand/fonts/FlowDesign-Noir.woff2") format("woff2"),
    url("/brand/fonts/FlowDesign-Noir.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Flow Design Bleu";
  src:
    url("/brand/fonts/FlowDesign-Bleu.woff2") format("woff2"),
    url("/brand/fonts/FlowDesign-Bleu.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Flow Design Rose";
  src:
    url("/brand/fonts/FlowDesign-Rose.woff2") format("woff2"),
    url("/brand/fonts/FlowDesign-Rose.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Classes utilitaires. */
.flow-design {
  font-family: "Flow Design Color", "Flow Design Bleu", serif;
  font-weight: 400;
  line-height: 1.6;
}
.flow-noir {
  font-palette: --flow-noir;
}
.flow-bleu {
  font-palette: --flow-bleu;
}
.flow-rose {
  font-palette: --flow-rose;
}