/* Jetons de la piste G « Gymnase ». Seule source des couleurs du site. */
:root {
  /* Couleurs (CLAUDE.md) */
  --bg: #f4f8f3;
  --panel: #ffffff;
  --soft: #dff1e4;
  --sidebg: #e4f1e8;
  --acc: #0e4a34;
  --acch: #09382a;
  --link: #17704c;
  --ballc: #4fb07f;
  --fg: #12261c;
  --mut: #4a5e53;
  --line: #d6e5da;
  --err: #b03a2e;

  /* Couleurs complémentaires du prototype G */
  --accf: #ffffff;
  --focus: #2e9e6c;
  --ctl: #83a090;
  --ok: #17704c;
  --up: #17704c;
  --down: #b03a2e;
  --trail: #9ed3b0;
  --tbl: #0e4a34;
  --img1: #dff1e4;
  --img2: #b5e0c3;
  --img3: #0e4a34;
  --scrim: rgb(9 30 20 / 45%);
  --foot: #0e4a34;
  --footf: #e8f5ec;
  --footm: #bcd8c6;
  --footl: #5e9077;
  --footbg: #0b3d2b;
  --footb: #a6e8bf;
  --footbf: #06231a;
  --footbh: #c3f2d4;
  --footerr: #ffc9c0;
  --hover-veil: rgb(255 255 255 / 60%);
  --shadow: rgb(0 0 0 / 25%);
  --err-soft: #fbe9e6;
  --warn-soft: #fbf1d9;

  /* Polices */
  --font-display: "Archivo", "Archivo fallback", "Arial Black", arial, sans-serif;
  --font-body: "Instrument Sans", "Instrument Sans fallback", system-ui, sans-serif;
  --heading-weight: 800;
  --heading-stretch: 115%;

  /* Rayons */
  --radius: 18px;
  --radius-pill: 999px;
  --radius-image: 14px;
  --radius-input: 12px;
  --radius-modal: 22px;
  --radius-nav: 12px;
  --radius-hero: 24px;

  /* Tailles */
  --title-page: 44px;
  --title-page-mobile: 32px;
  --title-hero: 50px;
  --title-hero-mobile: 36px;
  --title-section: 24px;
  --sidebar-width: 256px;
  --topbar-height: 64px;
  --content-width: 1180px;

  /* Mouvements */
  --ease-out: cubic-bezier(0.3, 0.8, 0.3, 1);
  --ease-bounce: cubic-bezier(0.4, 1.5, 0.5, 1);

  color-scheme: light;
}