/**
 * SCALE VARIABLE - Typography Tokens Client (Pages menu public + index)
 * Police : Scale Variable (Adobe Typekit)
 * Échelle : Perfect Fourth (ratio 1.333), Base 16px (1rem)
 *
 * Formule : 16 * (1.333)^n
 * n=-2: 9px, n=-1: 12px, n=0: 16px, n=1: 21.33px, n=2: 28.44px, n=3: 37.9px, n=4: 50.5px
 */

:root {
  /* Polices — compat var(--font-primary) utilisée dans index/events */
  --font-primary: "scale-variable", system-ui, -apple-system, sans-serif;
  --font-display: "scale-variable", system-ui, -apple-system, sans-serif;
  --client-font: "scale-variable", system-ui, -apple-system, sans-serif;

  /* Variable Font */
  --client-vf-regular: "wdth" 100, "wght" 400;
  --client-vf-medium: "wdth" 100, "wght" 500;
  --client-vf-bold: "wdth" 100, "wght" 700;

  /* Échelle fixe — Perfect Fourth 1.333, base 16px */
  --client-text-2xs: 0.5625rem;   /* 9px  */
  --client-text-xs: 0.75rem;      /* 12px */
  --client-text-sm: 0.875rem;     /* 14px */
  --client-text-base: 1rem;       /* 16px */
  --client-text-md: 1.125rem;     /* 18px */
  --client-text-lg: 1.25rem;      /* 20px */
  --client-text-xl: 1.5rem;       /* 24px */
  --client-text-2xl: 1.75rem;     /* 28px */
  --client-text-3xl: 2rem;        /* 32px */
  --client-text-4xl: 2.5rem;      /* 40px */
  --client-text-hero: 2.375rem;   /* 38px ≈ menu-item */
  --client-text-hero-lg: 2.625rem;/* 42px ≈ featured */

  /* Échelle fluide — responsive */
  --client-text-fluid-xs: clamp(0.7rem, 0.9vw + 0.5rem, 0.75rem);
  --client-text-fluid-sm: clamp(0.8rem, 1vw + 0.5rem, 0.875rem);
  --client-text-fluid-base: clamp(0.875rem, 1.2vw + 0.5rem, 1rem);
  --client-text-fluid-md: clamp(1rem, 1.2vw + 0.6rem, 1.125rem);
  --client-text-fluid-lg: clamp(1.0625rem, 1.5vw + 0.6rem, 1.25rem);
  --client-text-fluid-xl: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  --client-text-fluid-2xl: clamp(1.5rem, 2.2vw + 0.6rem, 1.75rem);
  --client-text-fluid-3xl: clamp(1.75rem, 2.8vw + 0.6rem, 2rem);
  --client-text-fluid-4xl: clamp(2rem, 3.5vw + 0.5rem, 2.5rem);
  --client-text-fluid-hero: clamp(1.75rem, 3vw + 0.8rem, 2.5rem);

  /* Line heights */
  --client-leading-tight: 1.2;
  --client-leading-snug: 1.3;
  --client-leading-normal: 1.4;
  --client-leading-relaxed: 1.5;

  /* Letter spacing */
  --client-tracking-tight: -0.02em;
  --client-tracking-normal: 0;
  --client-tracking-wide: 0.02em;
}