@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent; /* native feel: no tap flash */
  }
  body {
    margin: 0;
    font-family: 'Inter', system-ui, sans-serif;
    background: var(--app-bg);
    color: var(--app-text);
    /* momentum scroll + respect notches/home bar */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: none;
  }
}

@layer utilities {
  /* safe-area helpers for PWA standalone mode */
  .pt-safe { padding-top: env(safe-area-inset-top); }
  .pb-safe { padding-bottom: env(safe-area-inset-bottom); }
  .pb-safe-nav { padding-bottom: calc(env(safe-area-inset-bottom) + 4rem); } /* clears mobile FootNav */
}

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