/* Français avec Romain — typography tokens. Inter everywhere, 300–800. */
:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Scale (Tailwind text-*) */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-5xl: 48px;
  --text-7xl: 72px;

  /* Line heights */
  --leading-body: 1.6;    /* site-wide body */
  --leading-tight: 1.1;   /* hero H1 */

  /* Weights in use */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;      /* dominant heading weight */
  --weight-extrabold: 800; /* logo lockup */

  /* Semantic roles */
  --type-hero-size: var(--text-5xl);        /* 48px, up to 72px on large screens */
  --type-hero-color: var(--color-gold);     /* hero H1 is gold */
  --type-h2-size: var(--text-4xl);          /* 36–48px, gray-800 + one gold keyword */
  --type-h3-size: var(--text-xl);           /* 20px card titles */
  --type-lead-size: var(--text-xl);         /* 20px gray-600 */
  --type-stat-size: var(--text-3xl);        /* 30px bold, triad color */
}