/* Hallmark · route: custom (bespoke) · structure: pitch — le terrain EST la page
 * idea: "le robot au centre, les mains cadrent le bouton"
 * paper: oklch(50% 0.148 150) · accent: oklch(62% 0.21 32)
 * display: Bricolage Grotesque · body: Instrument Sans · pas de mono
 * axes: mid / geometric-sans / chromatic-green
 * vibe: "low poly, terrain tondu, maillot vif"
 *
 * v2 — la v1 était une page sombre générique (noir + un rouge + du gris) qui ne
 * ressemblait pas au jeu. Les renders sont CLAIRS et saturés : pelouse verte,
 * casiers bleu électrique, robots blancs. La page part donc du terrain.
 * Supprimés au passage : le mono en capitales espacées, les tirets et points
 * médians décoratifs, les hairlines grises — les trois signatures de l'IA.
 */

:root {
  /* ---- le terrain — surface dominante de la page -------------------------
     Chroma abaissée de 0.148 à 0.088 : à 0.148 le vert était le plus saturé de
     toute la page, donc il l'emportait sur l'accent orange qui est censé porter
     l'attention. Une surface dominante doit rester en retrait de son accent.
     Ces valeurs accompagnent GAZON_SOMBRE / HORIZON dans scene.js. */
  /* Teinte passée du vert au bleu-gris avec l'arrivée du stade couvert : mesuré
     sur le rendu, la surface dominante n'est plus l'herbe mais des gradins
     #1f3b66. Un fond de page vert sous un décor bleu se lisait comme une erreur
     de calage. La chroma reste basse (0,05) pour que l'accent orange garde
     l'avantage — c'est lui qui doit porter l'attention. */
  --color-pitch:      oklch(38% 0.050 250);
  --color-pitch-2:    oklch(34% 0.046 250);   /* bande tondue */
  --color-pitch-deep: oklch(25% 0.038 252);
  --color-pitch-dark: oklch(17% 0.028 254);

  /* ---- encre sur terrain -------------------------------------------------- */
  --color-ink:    oklch(98% 0.008 120);
  --color-ink-2:  oklch(89% 0.022 132);
  --color-muted:  oklch(80% 0.030 140);

  /* ---- les lignes du terrain — pleines et blanches, jamais des hairlines
     grises. C'est un tracé de pelouse, pas une bordure d'interface. --------- */
  --color-line:      oklch(98% 0.008 120 / 0.62);
  --color-line-soft: oklch(98% 0.008 120 / 0.24);

  /* ---- panneau clair — pour les blocs de texte denses -------------------- */
  --color-chalk:      oklch(96.5% 0.014 100);
  --color-chalk-2:    oklch(92% 0.018 105);
  --color-chalk-ink:  oklch(24% 0.045 150);
  --color-chalk-ink2: oklch(44% 0.040 150);

  /* ---- maillot — l'accent, une seule teinte ------------------------------ */
  --color-accent:      oklch(62% 0.21 32);
  --color-accent-deep: oklch(55% 0.21 30);
  --color-accent-ink:  oklch(99% 0.006 90);
  --color-focus:       oklch(70% 0.20 32);

  /* ---- vestiaire — réservé à la seule section gardien -------------------- */
  --color-locker: oklch(48% 0.175 255);

  /* ---- couleurs de plateformes tierces ----------------------------------
     Les seules teintes de la page qui n'appartiennent pas à la palette : ce
     sont celles de Steam et Discord, portées par les boutons qui mènent chez
     eux. Ne pas les réutiliser ailleurs — leur valeur tient à ce qu'elles ne
     désignent qu'une chose. */
  --brand-steam:      #1b2838;
  --brand-steam-hi:   #2a475e;
  --brand-steam-line: #2a475e;
  --brand-steam-glow: #66c0f4;
  --brand-discord:    #5865f2;
  --brand-discord-hi: #4752c4;

  /* ---- type — plus de monospace : le mono en capitales espacées était l'un
     des tells. Les libellés passent en bas-de-casse dans la police de corps. */
  --font-display: 'Bricolage Grotesque', 'Archivo', sans-serif;
  --font-body:    'Instrument Sans', system-ui, sans-serif;

  --text-display:   clamp(3.4rem, 12vw, 11rem);
  --text-display-s: clamp(2.2rem, 5.6vw, 4.2rem);
  --text-4xl:       clamp(1.9rem, 4vw, 3rem);
  --text-2xl:       clamp(1.35rem, 2.1vw, 1.7rem);
  --text-lg:        1.1rem;
  --text-base:      1rem;
  --text-sm:        0.9rem;
  --text-xs:        0.8rem;

  /* ---- 4pt ---------------------------------------------------------------- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  --space-4xl: 8rem;

  --rule: 2px;              /* trait plein, épaisseur de ligne de touche */
  --radius-sm: 3px;
  --radius-pill: 999px;

  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --dur-fast: 140ms;
  --dur-mid:  260ms;
  --dur-slow: 620ms;

  --gutter: clamp(1.25rem, 4vw, 4rem);
  --measure: 44ch;
}