/* ── Polices (self-host, reprises de l'app — RGPD-safe, aucun CDN) ────── */
@font-face {
  font-family: "Aeonik Pro"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("../fonts/AeonikPro-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Aeonik Pro"; font-style: normal; font-weight: 500;
  font-display: swap; src: url("../fonts/AeonikPro-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Aeonik Pro"; font-style: normal; font-weight: 700;
  font-display: swap; src: url("../fonts/AeonikPro-Bold.woff2") format("woff2");
}
/* Bold Italic non fourni → oblique synthétique appliquée en CSS */
@font-face {
  font-family: "Aeonik Pro"; font-style: normal; font-weight: 900;
  font-display: swap; src: url("../fonts/AeonikPro-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("../fonts/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 500;
  font-display: swap; src: url("../fonts/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 600;
  font-display: swap; src: url("../fonts/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 700;
  font-display: swap; src: url("../fonts/Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Azeret Mono"; font-style: normal; font-weight: 300 700;
  font-display: swap; src: url("../fonts/AzeretMono-Variable.woff2") format("woff2");
}

:root {
  /* Couleurs */
  --lime:     #f4ffb0;
  --lime-2:   #eaff8a;
  --ink:      #14171c;
  --ink-2:    #54575d;
  --ink-3:    #9a9da3;
  --blue:     #0742f3;
  --blue-2:   #0637cc;
  --paper:    #f4f5f7;
  --paper-2:  #e4e5e8;
  --white:    #ffffff;
  --line:     #dbdbdb;

  /* Typo */
  --font-display: "Aeonik Pro", system-ui, sans-serif;
  --font-text:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:    "Azeret Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Rythme */
  --wrap:     1440px;
  --gutter:   clamp(20px, 5.5vw, 80px);
  --sp-section: clamp(64px, 9vw, 100px);
  --radius:   14px;
  --radius-lg: 18px;

  /* Tailles fluides */
  --fs-hero:    clamp(52px, 7.6vw, 110px);
  --fs-display: clamp(34px, 4.4vw, 55px);
  --fs-h3:      clamp(22px, 2.4vw, 30px);
  --fs-body:    clamp(15px, 1.1vw, 16px);
  --fs-mono:    12.5px;
}