/* ====================================================================
   FILE:    css/app.css
   TYPE:    CSS
   KAAM:    Chhote style rules: smooth scroll, print, keyboard focus, safety-tape stripe, hidden boxes.
   KAHAN:   Browser
   EDIT?:   Bahut kam. Bade rules Tailwind se aate hain (index.html ke andar).
   ==================================================================== */
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
.stripe { background: repeating-linear-gradient(-45deg, #FFC928 0 14px, #0A2342 14px 28px); }
.icon { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.icon-fill { fill: currentColor; stroke: none; }
:focus-visible { outline: 3px solid #1E56D9; outline-offset: 2px; }
.on-dark :focus-visible { outline-color: #FFC928; }
#install-bar.hidden, #toast.hidden, #modal.hidden, #mobile-menu.hidden { display: none; } /* keeps these hidden even before Tailwind loads */
@media print {
  .no-print { display: none !important; }
  body { background: #fff !important; }
}