/* PIX|WEB — Design tokens consolidés.
   Source de vérité unique des variables globales. */

:root {
  --bg: #050505;
  --bg-soft: rgba(0, 0, 0, 0.18);
  --bg-solid: rgba(0, 0, 0, 0.88);
  --text: #f5f7fb;
  --muted: rgba(255, 255, 255, 0.72);
  --line: rgba(255, 255, 255, 0.12);
  --blue: #ffffff;
  --blue-soft: rgba(255, 255, 255, 0.12);
  --container: 100vw;
  --layout-wide-max: 1440px;
  --layout-shell-max: 1560px;
  --header-h: 76px;
  --header-h-scrolled: 76px;
  --section-x-base: clamp(24px, 5vw, 80px);
  --section-x: var(--section-x-base);
  --section-y: clamp(72px, 7vw, 112px);
  --section-y-compact: clamp(54px, 5.4vw, 84px);
  --section-head-gap: clamp(34px, 4vw, 56px);
  --card-radius: 8px;
  --card-title-weight: 300;
  --card-text-weight: 300;
  --card-label-weight: 600;
  --card-action-weight: 600;
  --card-meta-weight: 300;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (min-width: 1600px) {
  :root {
    --section-x: max(80px, calc((100vw - var(--layout-wide-max)) / 2));
  }
}