/* Tailwind base build placeholder: include via CDN for now to keep minimal setup */
/* Custom minimal additions */
:root {
  /* Club brand: black & white primary, accent color (optional green for field highlight) */
  --accent: #16a34a;
  --font-heading: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', 'Segoe UI', Roboto, system-ui, sans-serif;
}
.logo-filter { filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25)); }
/* Scroll state class (applied via JS optional) */
.nav-scrolled { background:rgba(255,255,255,0.9);backdrop-filter:blur(6px);box-shadow:0 1px 2px rgba(0,0,0,0.06); }
/* Simple utility for line clamp until Tailwind plugin added */
.clamp-2 { display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

body { font-family: var(--font-body); }
h1,h2,h3,h4,h5,h6, .font-heading { font-family: var(--font-heading); }
.btn-cta { background:#000; color:#fff; font-weight:600; }
.btn-cta:hover { background:#fff; color:#000; box-shadow:0 0 0 1px #000 inset; }

/* Nice scrollbars (Chromium/Edge/Safari) */
/* Page scrollbar: white track, black thumb */
html::-webkit-scrollbar { width: 10px; height: 10px; }
html::-webkit-scrollbar-track { background: #ffffff; }
html::-webkit-scrollbar-thumb { background: #000000; border-radius: 8px; }
html::-webkit-scrollbar-thumb:hover { background: #111111; }

/* Modal content scrollbar */
/* Modal scrollbars: same style */
#news-modal .prose::-webkit-scrollbar,
#news-modal .max-h\[90vh\]::-webkit-scrollbar { width: 10px; }
#news-modal .prose::-webkit-scrollbar-track,
#news-modal .max-h\[90vh\]::-webkit-scrollbar-track { background: #ffffff; }
#news-modal .prose::-webkit-scrollbar-thumb,
#news-modal .max-h\[90vh\]::-webkit-scrollbar-thumb { background: #000000; border-radius: 8px; }
#news-modal .prose::-webkit-scrollbar-thumb:hover,
#news-modal .max-h\[90vh\]::-webkit-scrollbar-thumb:hover { background: #111111; }

/* Firefox */
html { scrollbar-width: thin; scrollbar-color: #000000 #ffffff; }
#news-modal .prose,
#news-modal .max-h\[90vh\] { scrollbar-width: thin; scrollbar-color: #000000 #ffffff; }

/* Hide scrollbar arrow buttons (Chrome/Edge/Safari) */
html::-webkit-scrollbar-button { width: 0; height: 0; display: none; background: transparent; }
#news-modal .prose::-webkit-scrollbar-button,
#news-modal .max-h\[90vh\]::-webkit-scrollbar-button { width: 0; height: 0; display: none; background: transparent; }