/* SNOWGAZE — custom styles (Tailwind utility classes are loaded in index.html) */
:root { --snowgaze-navy: #000080; --snowgaze-white: #ffffff; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
.page-view { width: 100%; }
.nav-link { cursor: pointer; }
.navy-btn { background: var(--snowgaze-navy); color: var(--snowgaze-white); transition: .2s ease; }
.navy-btn:hover { background: #00005f; }
.outline-btn { color: var(--snowgaze-navy); border: 1px solid var(--snowgaze-navy); background: var(--snowgaze-white); transition: .2s ease; }
.outline-btn:hover { color: var(--snowgaze-white); background: var(--snowgaze-navy); }
.hero-thumb-btn.active { outline: 2px solid var(--snowgaze-navy); outline-offset: 2px; }
#modal-overlay.is-open { opacity: 1; pointer-events: auto; }
#modal-overlay.is-open #modal-box { transform: scale(1); }
#toast.is-visible { transform: translateX(0); opacity: 1; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }