/* variables.css — Éditions Bonneton (editions-bonneton.com)
   Généré par build.py depuis brands.json. */
@font-face {
  font-family: "Cormorant Garamond";
  src: url("assets/fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("assets/fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("assets/fonts/cormorant-garamond-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("assets/fonts/cormorant-garamond-latin-600-italic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  --logo-h: 52px;
  --heading-weight: 600;
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --brand-primary: #283C4F;
  --brand-primary-dark: #20303f;
  --brand-accent: #D07A44;
  --brand-bg: #D2DDE6;
  --brand-surface: #ffffff;
  --brand-text: #1c1c1c;
  --brand-muted: #5b5f66;
  --brand-radius: 12px;
  --page-pattern: none;
  --hero-focus: 50% 50%;
  --progress: 65%;
  --brand-secondary: #D07A44;
  --brand-secondary-text: #b2602d;
  --brand-on-secondary: #ffffff;
  --brand-visual-bg: #D2DDE6;
  --font-universes: 'Inter', sans-serif;
  --universes-weight: 500;
  --universes-case: uppercase;
  --btn-radius: 4px;
  --band: #D07A44;
  --band-text: #ffffff;
  --btn: #283C4F;
  --btn-hover: #20303f;
  --cloud-text: #283C4F;
  --about-band: #D2DDE6;
  --about-band-text: #1c1c1c;
  --gateway: #283C4F;
  --gateway-text: #ffffff;
  --gateway-col: #ffffff;
  --gateway-col-text: #b2602d;
  --heading-boost: 3px;
  --heading-lh: 0.94;
  --catalog-weight: 500;
  --catalog-boost: 1px;
}