:root {
  /* Couleurs — clair épuré façon McDo/Uber */
  --bg: #ffffff;
  --bg-soft: #f6f6f7;
  --bg-elev: #ffffff;
  --ink: #111114;          /* texte principal / boutons */
  --ink-2: #5b5b63;        /* texte secondaire */
  --ink-3: #9a9aa3;        /* texte tertiaire */
  --line: #ececef;         /* séparateurs */
  --accent: #ff5a1f;       /* accent chaud unique (burger) */
  --accent-ink: #ffffff;

  /* Typo — display caractériel (wordmark + titres) sur fond système clean */
  --font-display: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, sans-serif;
  --good: #14a44d;
  --warn: #b86e00;
  --warn-bg: #fff4e0;

  /* Rayons */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* Ombres douces */
  --sh-1: 0 1px 2px rgba(17,17,20,.05), 0 1px 1px rgba(17,17,20,.04);
  --sh-2: 0 6px 20px rgba(17,17,20,.08);
  --sh-3: 0 14px 40px rgba(17,17,20,.14);

  /* Espacements (échelle 4/8) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

  /* Mouvement */
  --ease: cubic-bezier(.22,.61,.36,1);
  --spring: cubic-bezier(.34,1.56,.64,1);
  --t-fast: .16s;
  --t: .26s;
  --t-slow: .42s;

  /* Safe areas iOS */
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
}