@import "tailwindcss";

@theme {
  --color-primary: #185baf;
  --color-secondary: #114285;
  --color-accent: #dc3545;
  --color-surface: #f4f6fa;
  
  --font-sans: 'Poppins', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/* Native App Feel Utilities */
@layer utilities {
  body {
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior-y: none;
    background-color: var(--color-surface);
  }

  .hide-scrollbar::-webkit-scrollbar {
    display: none;
  }
  
  .hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .active-scale:active {
    transform: scale(0.96);
  }
}