/* Achados Floripa — tokens (contrato visual UX_referencia) */
:root {
  --af-sea-900: #0a2f3a;
  --af-sea-700: #0e4a5c;
  --af-sea-500: #1a7a8c;
  --af-sea-300: #5eb8c7;
  --af-foam: #e8f6f8;
  --af-sand: #f3ebe0;
  --af-sand-deep: #d4c4ae;
  --af-leaf: #2d6a4f;
  --af-coral: #c45c3e;
  --af-ink: #12202a;
  --af-muted: #5a6b75;
  --af-white: #fff;
  --af-danger: #b42318;
  --af-ok: #1b7a4a;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Outfit", system-ui, sans-serif;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --max: 72rem;
  --touch: 48px;
  --shadow-soft: 0 12px 40px rgba(10, 47, 58, 0.12);
  --motion-fast: 180ms;
  --motion-med: 420ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}