/* Kazibo — jetons de design et polices. À charger en premier, sur chaque site.
   Mode d'emploi du kit : brand/README.md. */

/* Polices auto-hébergées (sous-ensemble latin, woff2, OFL 1.1 : fonts/OFL-*.txt).
   Martian Mono vient de fichiers statiques : sans « font-stretch:75% » ici, le
   navigateur ne les associe pas aux titres, qui demandent la largeur étroite. */
@font-face{font-family:"Martian Mono";font-weight:800;font-stretch:75%;font-display:swap;src:url("fonts/martian-mono-cn-800.woff2") format("woff2")}
@font-face{font-family:"Martian Mono";font-weight:700;font-stretch:75%;font-display:swap;src:url("fonts/martian-mono-cn-700.woff2") format("woff2")}
@font-face{font-family:"Geist";font-weight:100 900;font-display:swap;src:url("fonts/geist-var.woff2") format("woff2")}
@font-face{font-family:"Geist Mono";font-weight:100 900;font-display:swap;src:url("fonts/geist-mono-var.woff2") format("woff2")}

:root{
  /* Couleurs */
  --paper:#F4F3EE;            /* fond de page, fond des cellules */
  --ink:#17213A;              /* texte, cellule « en ligne », bloc inversé */
  --mute:#5B6072;             /* texte secondaire, légendes */
  --rule:#D8D6CE;             /* filets de 1 px : décoratif, jamais du texte */
  --sunk:#EAE8E1;             /* zone enfoncée : fil de chat, commande */
  --spark:#FF8A1F;            /* l'action : fond de bouton, cellule qui naît, focus.
                                 JAMAIS en couleur de texte sur papier (2,12:1) */
  --spark-hover:#FF9A3C;      /* bouton survolé */
  --iris:#3466AA;             /* information : invite, liens, cellule « visitée ».
                                 Sur fond encre, prendre --iris-inv (l'iris y tombe à 2,76:1) */
  --iris-inv:#8CC0EC;         /* iris sur fond encre (8,26:1) */
  --cream:#F0E7D8;            /* corps de la mascotte */
  --inv-cap:#9AA1B5;          /* légende sur fond encre */
  --inv-text:#C3C8D6;         /* paragraphe sur fond encre */
  --dot:#DEDBD2;              /* point d'une cellule vide */
  --rule-strong:#C9C6BC;      /* contour d'une cellule éteinte */
  --stone:#D3CFC5;            /* terre de la carte en cellules */
  --alert:#B3261E;            /* PROPOSÉ, pas encore utilisé : erreur en texte (5,88:1 sur papier).
                                 La marque n'a ni rouge ni vert : un échec se dit d'abord par un bloc encre */

  /* Typographie */
  --f-display:"Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;   /* titres : 800 (700 pour h3), étroite */
  --f-text:"Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;               /* texte courant, boutons */
  --f-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;        /* légendes, commandes, URL, navigation */

  /* Espace */
  --gut:clamp(16px, 4vw, 40px);           /* marge de page */
  --wrap:1280px;                          /* largeur maximale du contenu */
  --pad:clamp(18px, 2.4vw, 32px);         /* intérieur d'une cellule */
  --section:clamp(56px, 9vw, 112px);      /* entre deux sections */
  --tap:44px;                             /* hauteur minimale d'une cible tactile */
  --cell:12px;                            /* pas d'une grille de cellules vivantes */

  /* Filets : aucune ombre portée, aucun rayon */
  --hair:0 0 0 1px var(--rule);
  --hair-in:inset 0 0 0 1px var(--rule);

  color-scheme:light;                     /* thème clair uniquement */
}