/* ============================================================
   ALDT — Design tokens
   Couleurs calées sur le logo (rouge extrait : #DE1017).
   ============================================================ */
:root {
  /* Couleurs de marque */
  --c-red: #DE1017;        /* accent principal (extrait du logo, AA sur blanc) */
  --c-red-bright: #FD2533; /* reflet vif du logo — halos/accents décoratifs */
  --c-red-dark: #A60C11;   /* survols, rouge sur fond clair */
  --c-ink: #16161A;        /* anthracite profond — fonds sombres, hero, footer */
  --c-ink-2: #202026;      /* anthracite secondaire — cartes/sous-menus sombres */
  --c-ink-3: #2C2C34;      /* bordures sur fond sombre */
  --c-white: #FFFFFF;
  --c-paper: #F4F4F2;      /* fond clair alternatif */
  --c-grey: #6B6B72;
  --c-grey-light: #D7D7DB;
  --c-gold: #E5A50A;       /* or discret — étoiles d'avis */
  --c-success: #1E8E3E;
  --c-error: #C5221F;

  /* Texte */
  --c-text: #16161A;
  --c-text-invert: #FFFFFF;
  --c-text-muted: #6B6B72;
  --c-text-muted-invert: #B9B9C0;

  /* Typo */
  --font-title: "Anton", Impact, "Arial Narrow Bold", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Échelle typographique fluide (clamp mobile→desktop) */
  --step--1: clamp(0.83rem, 0.78rem + 0.2vw, 0.94rem);
  --step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.13rem);
  --step-1:  clamp(1.3rem, 1.15rem + 0.7vw, 1.7rem);
  --step-2:  clamp(1.8rem, 1.5rem + 1.4vw, 2.6rem);
  --step-3:  clamp(2.3rem, 1.85rem + 2.4vw, 3.8rem);
  --step-4:  clamp(2.9rem, 2.1rem + 4vw, 5.4rem);

  /* Espacements */
  --space-xs: 0.5rem;
  --space-s:  1rem;
  --space-m:  1.75rem;
  --space-l:  3rem;
  --space-xl: 5rem;
  --space-xxl: 8rem;

  /* Divers */
  --container: 1200px;
  --radius: 4px;
  --radius-lg: 8px;
  --shadow: 0 10px 34px rgba(0, 0, 0, .28);
  --shadow-soft: 0 6px 20px rgba(0, 0, 0, .12);
  --transition: 0.25s ease;
  --header-h: 84px;
}