/* Charte 3Xpansion : variables reprises de go.3xpansion.com (reference/go-3xpansion/page-de-vente/style.css). */
:root {
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --text-3xl: clamp(2.25rem, 1rem + 3.6vw, 4.25rem);

  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.25rem;
  --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;

  --font-display: 'Cabinet Grotesk', 'Helvetica Neue', sans-serif;
  --font-body: 'Switzer', 'Helvetica Neue', sans-serif;

  --color-bg: #f6f4ef;
  --color-surface: #ffffff;
  --color-soft: #ecE9e1;
  --color-text: #12152b;
  --color-muted: #5b5e70;
  --color-line: rgba(18, 21, 43, .12);
  --color-ink: #0b0e26;
  --color-ink-2: #151a3c;
  --color-primary: #d4232b;
  --color-primary-hover: #b51b22;
  --color-on-ink: #f3f2ee;
  --color-on-ink-muted: #a9abbd;

  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-xl: 22px;
  --shadow-md: 0 10px 30px -12px rgba(11, 14, 38, .25);
  --shadow-lg: 0 30px 60px -24px rgba(11, 14, 38, .35);
  --ease: cubic-bezier(.16, 1, .3, 1);
  --transition-interactive: 180ms var(--ease);
  --content: 1200px;
}