/*
  WS2 — foundation tokens.
  Neutros por definição: ritmo, largura, raio-base, duração e easing.
  NÃO declarar aqui cor de marca, tipografia de família ou sombra característica.
  Esses valores pertencem ao tokens.css de cada Design Family (R11).
*/
:root {
  /* escala de espaço */
  --ws2-space-1: 8px;
  --ws2-space-2: 16px;
  --ws2-space-3: 24px;
  --ws2-space-4: 40px;
  --ws2-space-5: 64px;
  --ws2-space-6: 96px;
  --ws2-space-7: 120px;

  /* largura */
  --ws2-container: 1240px;
  --ws2-container-narrow: 880px;
  --ws2-gutter: var(--ws2-space-3);

  /* raio-base (a família escolhe quais usa) */
  --ws2-radius-none: 0;
  --ws2-radius-sm: 4px;
  --ws2-radius-md: 12px;
  --ws2-radius-pill: 999px;

  /* motion */
  --ws2-duration-fast: 280ms;
  --ws2-duration-base: 650ms;
  --ws2-duration-slow: 900ms;
  --ws2-stagger: 70ms;
  --ws2-ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* foco */
  --ws2-focus-width: 2px;
  --ws2-focus-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ws2-duration-fast: 1ms;
    --ws2-duration-base: 1ms;
    --ws2-duration-slow: 1ms;
    --ws2-stagger: 0ms;
  }
}