/*
 * W2SAT — design tokens responsivos
 * Breakpoints: mobile ≤640 | tablet 641–1024 | desktop ≥1025
 * Sempre mobile-first (min-width) em novos estilos.
 */
:root {
  --bp-mobile-max: 640px;
  --bp-tablet-min: 641px;
  --bp-tablet-max: 1024px;
  --bp-desktop-min: 1025px;

  --container-max: 1200px;
  --container-padding: clamp(16px, 4vw, 28px);
  --section-gap: clamp(40px, 8vw, 108px);
}