/* ============================================================
   DESIGN TOKENS — palette stricte, échelles, easings
   ============================================================ */

/* Polices locales (drop tes .woff2 dans /assets/fonts/) */
@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Poppins-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Poppins-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Poppins-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Poppins-Black.woff2') format('woff2');
}

:root {
  /* ────────────────── PALETTE STRICTE ────────────────── */
  --c-red: #E30613;          /* accent unique — CTA, scan, accent */
  --c-red-dark: #B30410;
  --c-black: #0F0F10;         /* fond immersif */
  --c-black-soft: #1A1A1C;    /* variation pour reliefs */
  --c-white: #F9FAFA;         /* respiration */
  --c-anthracite: #1A1A1A;    /* texte sur fond clair */
  --c-gray: #6B6B70;
  --c-gray-light: #E5E5E7;
  --c-gray-soft: #F2F2F3;

  /* ────────────────── TYPOGRAPHIE ────────────────── */
  --font-display: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --size-hero: clamp(3rem, 9vw, 8rem);
  --size-h2: clamp(2.25rem, 5.5vw, 5rem);
  --size-h3: clamp(1.25rem, 1.8vw, 1.5rem);
  --size-eyebrow: 0.875rem;
  --size-body: clamp(1rem, 1.1vw, 1.125rem);
  --size-lede: clamp(1.05rem, 1.3vw, 1.25rem);
  --size-stat: clamp(5rem, 16vw, 14rem);

  /* ────────────────── ESPACEMENTS ────────────────── */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 10rem;
  --space-3xl: 14rem;

  /* ────────────────── LAYOUT ────────────────── */
  --container-max: 1280px;
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);
  --header-h: 72px;

  /* ────────────────── EASING ────────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-flash: cubic-bezier(0.7, 0, 0.3, 1);

  /* ────────────────── DURÉE ────────────────── */
  --t-fast: 180ms;
  --t: 320ms;
  --t-slow: 600ms;
  --t-flash: 80ms;

  /* ────────────────── Z-INDEX ────────────────── */
  --z-cursor: 9999;
  --z-modal: 1000;
  --z-header: 100;
  --z-pin: 50;

  /* ────────────────── RAYONS ────────────────── */
  --r-sm: 6px;
  --r: 12px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ────────────────── OMBRES ────────────────── */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --shadow: 0 12px 32px rgba(0,0,0,0.12);
  --shadow-lg: 0 24px 64px rgba(0,0,0,0.18);
  --shadow-red: 0 12px 40px rgba(227,6,19,0.32);
}