/* space.css — escala consistente + ajustes mobile-first (clamp) */

:root{
  /* Mobile-only project — no breakpoints needed beyond ~393px (iPhone 17 Pro) */

  /* Padding de página fluido (mobile-friendly) */
  --page-pad: clamp(16px, 3.6vw, 18px);

  /* Escala de espaçamento (mantém múltiplos visuais) */
  --sp-4:  4px;
  --sp-8:  8px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-24: 24px;
  --sp-32: 32px;

  /* Radius (Apple-like, sem exagero) */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;

  /* alvo mínimo de toque (iOS/Android) */
  --hit: 44px;

  /* Alturas estruturais fluídas (não ficam gigantes em telas pequenas) */
  --topbar-h: clamp(52px, 7vw, 60px);
  --dock-h:   clamp(64px, 9vw, 78px);
}