/* Système typographique partagé Scopum Web — source unique
   Inter (corps) + Space Grotesk (titres), variables, auto-hébergées. */

@font-face {
  font-family: 'Inter';
  src: url('/shared/fonts/inter-variable.woff2') format('woff2-variations'),
       url('/shared/fonts/inter-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('/shared/fonts/space-grotesk-variable.woff2') format('woff2-variations'),
       url('/shared/fonts/space-grotesk-variable.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body: 'Inter', system-ui, sans-serif;
  --font-title: 'Space Grotesk', system-ui, sans-serif;

  /* Échelle de tailles (rem) et interlignage */
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 1.875rem;
  --text-3xl: 2.25rem;
  --text-4xl: 2.75rem;

  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
}

h1, h2, h3 {
  font-family: var(--font-title);
  line-height: var(--leading-tight);
  font-weight: 600;
}

h1 { font-size: var(--text-4xl); }
h2 { font-size: var(--text-3xl); }
h3 { font-size: var(--text-2xl); }
h4 { font-size: var(--text-xl); }
h5 { font-size: var(--text-lg); }