/*
 * Design tokens — values read from the Figma file DIOoVnb0FPrEW4ONdhHlP8
 * (styles listed by get_design_context, Branding page 30:969, Components 30:615).
 * Technical choices are marked "choix technique".
 */
:root {
  /* Figma colour styles */
  --c-cream: #f6f6ee;          /* Cream (Crème) */
  --c-cream-c40: #ecece0;      /* Cream/C40 — champ en focus / saisi */
  --c-cream-c50: #e7e7d9;      /* Cream/C50 — mots du slogan au repos */
  --c-cream-c60: #e2e2d3;      /* Cream/C60 — mot Services « Idle » */
  --c-cream-c80: #d4d4c4;      /* Cream/C80 — Menu item « State3 » */
  --c-cream-c100: #cacab8;     /* Cream/C100 — points du carrousel */
  --c-white: #fdfdfc;          /* White */
  --c-pure-white: #ffffff;     /* Blanc pure */
  --c-dark: #2e2f34;           /* Dark / Minuit / Pro Blue 90 */
  --c-deep-black: #050307;     /* Neutral/Deep Black */
  --c-blue-b100: #222226;      /* Professional Blue/B100 — logo du pied de page */
  --c-blue-b70: #494b55;       /* Professional Blue/B70 — texte courant */
  --c-blue-b50: #62657a;       /* Professional Blue/B50 — mentions du pied de page */
  --c-blue-b30: #85899d;       /* Professional Blue/B30 — bouton fermer du menu */
  --c-ring: #35363c;           /* anneaux du pied de page (couleur de trait, sans style nommé) */
  --c-pear: #f0f076;           /* Pear (Poire) */
  --c-pear-p80: #e4df36;       /* Pear/P80 — bouton Contact « Click » */
  --c-pear-p100: #d4cd11;      /* Pear/P100 */
  --c-coral: #f08f65;          /* Coral (Corail) */
  --c-tomato: #ee6d4d;         /* Tomato (Tomate) / Reds R70 */
  --c-indigo: #5135e6;         /* Indigo */

  /* Typography (Branding 30:969 : Unbounded = titres, SF Pro = texte courant) */
  --font-display: "Unbounded", "Arial Black", Arial, sans-serif;
  /*
   * SF Pro n'est fournie avec aucune licence d'usage pour ce site : elle n'est pas embarquée.
   * Pile de repli (choix technique) : SF Pro là où le système la fournit (Apple), sinon des
   * grotesques proches aux chasses connues. `system-ui` est volontairement exclu : sous Linux il
   * peut désigner n'importe quelle police (ex. une police CJK sans gras dans le navigateur de test).
   */
  --font-text: "SF Pro Text", "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;

  /*
   * Échelles (choix technique) :
   *  --u = 1 px Figma du cadre desktop 1728 (30:86), proportionnel à la largeur de .page
   *        (.page est plafonnée à 1920 px et centrée au-delà).
   *  --m = 1 px Figma du cadre mobile 390 (30:342), borné entre 320 et 507 px de large ;
   *        au-delà de 507 px (tablette), la colonne mobile est centrée.
   * 100cqw = largeur du conteneur .page (hors barre de défilement).
   */
  --u: calc(100cqw / 1728);
  --m: calc(clamp(320px, 100cqw, 507px) / 390);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-med: 320ms;
  --z-header: 40;
  --z-overlay: 60;
}