/* ============================================================
   Kodama Games — Typography
   Fredoka (display, arrondie, joviale) · Hanken Grotesk (texte)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Fredoka", "Trebuchet MS", sans-serif;       /* titres, chiffres d'ambiance */
  --font-text:    "Hanken Grotesk", "Segoe UI", sans-serif;    /* corps, boutons, labels, nav */
  --font-mono:    ui-monospace, "SF Mono", "Menlo", monospace; /* étiquettes placeholder */

  /* ---- Weights ---- */
  --fw-body:      400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-black:     800; /* @kind font */

  /* ---- Type scale (role -> shorthand tokens) ----
     Voir guidelines/type-scale.card.html pour le spécimen. */

  /* Hero H1 : 600 66px/0.98 Fredoka, -.015em */
  --h1-size: 66px;   --h1-line: 0.98 /* @kind font */;  --h1-tracking: -0.015em /* @kind font */;
  /* Section H2 : 600 42–46px Fredoka */
  --h2-size: 44px;   --h2-line: 1.02 /* @kind font */;  --h2-tracking: -0.01em /* @kind font */;
  /* Titre bloc : 600 30–38px Fredoka */
  --h3-size: 34px;   --h3-line: 1.05 /* @kind font */;  --h3-tracking: -0.01em /* @kind font */;
  /* Titre carte : 600 20–22px Fredoka */
  --card-title-size: 21px; --card-title-line: 1.15 /* @kind font */;
  /* Corps : 400 15.5–17.5px/1.6 Hanken Grotesk */
  --body-size: 16.5px;  --body-line: 1.6 /* @kind font */;
  --body-sm-size: 15px; --body-sm-line: 1.55 /* @kind font */;
  /* Surtitre / eyebrow : 700 12–13px, letter-spacing .14em, uppercase */
  --eyebrow-size: 12.5px; --eyebrow-tracking: 0.14em /* @kind font */;
  /* Bouton : 700 14–15px Hanken Grotesk */
  --btn-size: 15px;
  /* Label chip / méta : 500–700 12–14px Hanken Grotesk */
  --chip-size: 14px;
  --meta-size: 13px;
}