/* Typographie – moderne, sobre, auto-hébergée.
   Fonctionne même sans les fichiers de police (fallback système propre). */

/* ===== Polices (Inter Variable si dispo en /public/fonts/) ===== */
/* Commenté car les fichiers de police ne sont pas présents
@font-face {
  font-family: "Inter";
  src:
    url("/fonts/Inter-roman.var.woff2") format("woff2 supports variations"),
    url("/fonts/Inter-roman.var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src:
    url("/fonts/Inter-italic.var.woff2") format("woff2 supports variations"),
    url("/fonts/Inter-italic.var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
*/

/* ===== Variables ===== */
:root{
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --fs-1: clamp(1.75rem, 1.3rem + 1.2vw, 2.2rem); /* h1 */
  --fs-2: clamp(1.25rem, 1.05rem + .6vw, 1.6rem);  /* h2 */
  --fs-3: 1.05rem;                                  /* body+ */
  --fs-4: .92rem;                                   /* petits textes */

  --lh-tight: 1.15;
  --lh-normal: 1.4;
  --lh-relaxed: 1.6;

  --fw-regular: 450;
  --fw-bold: 700;
  --fw-black: 800;

  --radius-xl: 16px;
  --radius-lg: 14px;
  --radius-md: 10px;
}

/* ===== Application minimale (sans bousculer votre CSS existante) ===== */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body {
  font-family: var(--font-sans);
  font-size: var(--fs-3);
  line-height: var(--lh-normal);
}
h1, h2, h3 { line-height: var(--lh-tight); margin: 0 0 .35em; }
h1 { font-size: var(--fs-1); font-weight: var(--fw-black); }
h2 { font-size: var(--fs-2); font-weight: var(--fw-bold);  }
small, .small { font-size: var(--fs-4); line-height: var(--lh-relaxed); }

code, pre, kbd, samp { font-family: var(--font-mono); font-size: .95em; }

/* Douces améliorations sans conflit */
.card { border-radius: var(--radius-lg); }
.podium .card { border-radius: var(--radius-xl); }
.kpi { border-radius: var(--radius-md); }