@charset "UTF-8";

/*
 * Jetons de design « papier récupéré » — cf. webdesign/charte.png.
 *
 * Ces feuilles ne sont volontairement pas cascadées avec @layer : template.min.css
 * (Cassiopeia) est chargée sans couche, et une règle en couche perdrait
 * systématiquement contre elle, quelle que soit sa spécificité.
 */

:root {
  /* Palette */
  --rem-creme: oklch(94.95% 0.018 89.4);
  --rem-kraft: oklch(84.86% 0.043 81.1);
  --rem-foret: oklch(38.81% 0.048 131.9);
  --rem-olive: oklch(51.95% 0.073 128.7);
  --rem-terre: oklch(59.99% 0.136 41.1);
  --rem-moutarde: oklch(76.58% 0.146 80.1);
  --rem-encre: oklch(25.47% 0.007 106.9);

  /* Rôles */
  --rem-surface: var(--rem-creme);
  --rem-surface-alt: var(--rem-kraft);
  --rem-texte: var(--rem-encre);
  --rem-accent: var(--rem-terre);
  --rem-accent-chaud: var(--rem-moutarde);

  /* Typographie */
  --rem-police-display: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --rem-police-mono: "Courier Prime", "Courier New", ui-monospace, monospace;

  /* Gabarit — 1320px reprend le max-width des .grid-child de Cassiopeia */
  --rem-largeur-max: 1320px;
  --rem-gouttiere: 1.25rem;
  /* À n'utiliser que sur un élément dont le bloc conteneur fait toute la largeur de page. */
  --rem-marge-page: max(var(--rem-gouttiere), (100% - var(--rem-largeur-max)) / 2);

  /* Filets à l'encre : l'identité repose sur des traits épais et nets */
  --rem-trait: 3px;
  --rem-trait-fin: 2px;
}