/* ============================================================
   AQUATHEA — Design tokens
   Source : brand kit « Validation V2 » (2026-08-31). Aucune couleur
   ajoutée : la palette de communication est celle du kit.
   ============================================================ */

@font-face {
  font-family: 'Instrument Sans';
  src: url('../assets/fonts/instrument-sans-latin-wght-normal.woff2') format('woff2-variations'),
       url('../assets/fonts/instrument-sans-latin-wght-normal.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../assets/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../assets/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---------- Palette (brand kit 03-COLORS) ---------- */
  --ink: #0A0F14;
  --charcoal: #1A1F27;
  --slate: #5B616B;
  --steel: #A9B6C3;
  --mist: #DAE3ED;
  --cloud: #F3F6FB;
  --white: #FFFFFF;
  --sky: #BFDBFF;
  --sky-deep: #7FB5E8;

  --line: rgba(10, 15, 20, 0.08);
  --line-strong: rgba(10, 15, 20, 0.16);
  --line-light: rgba(255, 255, 255, 0.14);
  --sky-tint: rgba(191, 219, 255, 0.25);

  /* ---------- Typographie (brand kit 04-TYPOGRAPHY) ---------- */
  --font-sans: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', Menlo, monospace;

  --text-display: clamp(2.6rem, 6vw, 5rem);
  --text-page: clamp(2.2rem, 4.6vw, 3.8rem);
  --text-manifesto: clamp(1.7rem, 3.6vw, 3rem);
  --text-h2: clamp(1.9rem, 3.8vw, 3rem);
  --text-h3: 1.3rem;
  --text-body: 1.0625rem;
  --text-small: 0.9375rem;
  --text-mono: 0.8125rem;
  --text-mono-xs: 0.6875rem;

  --leading-tight: 1.12;
  --leading-body: 1.7;
  --tracking-tight: -0.015em;
  --tracking-display: -0.02em;
  --tracking-wordmark: 0.32em;
  --tracking-label: 0.16em;

  /* ---------- Espace ---------- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --s9: 96px; --s10: 128px;
  --section-pad: clamp(96px, 13vh, 170px);
  --section-pad-sm: clamp(64px, 9vh, 110px);
  --container: 1200px;
  --container-wide: 1440px;
  --gutter: clamp(20px, 4.5vw, 56px);
  --nav-h: 76px;

  /* ---------- Forme et profondeur (retenue : filets 1 px, arrondis modestes) ---------- */
  --radius-btn: 3px;
  --radius-card: 10px;
  --shadow-card: 0 12px 48px -20px rgba(26, 31, 39, 0.14);

  /* ---------- Mouvement ---------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-med: 450ms;
  --dur-slow: 1000ms;
}