/* Getdrippy — variables de design (couleurs, polices, espacements).
   Thème minimaliste : tout blanc, petits textes, beaucoup d'espace. */
:root {
  --bg: #ffffff;
  --ink: #0a0a0a;
  --ink-2: #3a3a3a;
  --muted: #8c8c8c;
  --line: #ececec;
  --line-strong: #d6d6d6;
  --mint: #0a0a0a; /* noir et blanc uniquement */
  --danger: #c93a3a;
  --ok: #0a0a0a;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  /* Police large et technique, proche de « Smooth Gradients » (Monument Extended si la licence est achetée). */
  --font-display: "Monument Extended", "Unbounded", "Inter", sans-serif;
  --gradient: #0a0a0a;
  --gradient-ink: #0a0a0a;
  --shadow-pill: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-pill-hover: 0 2px 4px rgba(0, 0, 0, 0.08), 0 14px 34px rgba(0, 0, 0, 0.12);

  --fs-xs: 11px;
  --fs-s: 12px;
  --fs: 13px;
  --fs-m: 15px;
  --fs-l: 20px;
  --fs-xl: clamp(22px, 2.2vw, 30px);

  --gutter: clamp(16px, 2.6vw, 36px);
  --max: 1600px;
  --nav-h: 56px;
  --header-h: 56px; /* hauteur réelle (barre + bandeau), recalculée par shop.js */
  --radius: 16px;
  --btn-radius: 999px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}