/* variables.css — Éditions Artémis (editions-artemis.com)
   Généré par build.py depuis brands.json. */
@font-face {
  font-family: "Lora";
  src: url("assets/fonts/lora-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("assets/fonts/lora-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("assets/fonts/lora-latin-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("assets/fonts/lora-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-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("assets/fonts/oswald-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  --logo-h: 64px;
  --heading-weight: 600;
  --font-heading: 'Lora', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --brand-primary: #4b674e;
  --brand-primary-dark: #3c523e;
  --brand-accent: #D0765E;
  --brand-bg: #F6EFEA;
  --brand-surface: #ffffff;
  --brand-text: #1c1c1c;
  --brand-muted: #5f5a52;
  --brand-radius: 20px;
  --page-pattern: none;
  --hero-focus: 50% 50%;
  --progress: 65%;
  --brand-secondary: #D0765E;
  --brand-secondary-text: #c05538;
  --brand-on-secondary: #ffffff;
  --brand-visual-bg: #5a5a2a;
  --font-universes: 'Oswald', 'Inter', sans-serif;
  --universes-weight: 500;
  --universes-case: uppercase;
  --btn-radius: 999px;
  --band: #D0765E;
  --band-text: #ffffff;
  --btn: #4b674e;
  --btn-hover: #3c523e;
  --cloud-text: #4b674e;
  --about-band: #F6EFEA;
  --about-band-text: #1c1c1c;
  --gateway: #4b674e;
  --gateway-text: #ffffff;
  --gateway-col: #ffffff;
  --gateway-col-text: #c05538;
  --heading-boost: 0px;
  --heading-lh: 1;
  --catalog-weight: 400;
  --catalog-boost: 0px;
}