/* variables.css — Éditions Grenouille (editions-grenouille.com)
   Généré par build.py depuis brands.json. */
@font-face {
  font-family: "Nunito";
  src: url("assets/fonts/nunito-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("assets/fonts/nunito-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("assets/fonts/nunito-latin-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --logo-h: 72px;
  --heading-weight: 800;
  --font-heading: 'Nunito', system-ui, sans-serif;
  --font-body: 'Nunito', system-ui, sans-serif;
  --brand-primary: #38688E;
  --brand-primary-dark: #2d5372;
  --brand-accent: #8AC75A;
  --brand-bg: #E7F3DD;
  --brand-surface: #ffffff;
  --brand-text: #1c1c1c;
  --brand-muted: #55605a;
  --brand-radius: 24px;
  --page-pattern: url("assets/pattern.jpg");
  --hero-focus: 50% 50%;
  --progress: 65%;
  --brand-secondary: #8AC75A;
  --brand-secondary-text: #52822c;
  --brand-on-secondary: #ffffff;
  --brand-visual-bg: #2d5a5c;
  --font-universes: 'Nunito', sans-serif;
  --universes-weight: 800;
  --universes-case: none;
  --btn-radius: 999px;
  --band: #8AC75A;
  --band-text: #ffffff;
  --btn: #38688E;
  --btn-hover: #2d5372;
  --cloud-text: #38688E;
  --about-band: #E7F3DD;
  --about-band-text: #1c1c1c;
  --gateway: #38688E;
  --gateway-text: #ffffff;
  --gateway-col: #ffffff;
  --gateway-col-text: #52822c;
  --heading-boost: 0px;
  --heading-lh: 1;
  --catalog-weight: 400;
  --catalog-boost: 0px;
}