/* ─────────────────────────────────────────────────────────────
   V-MEP Responsive Breakpoints
───────────────────────────────────────────────────────────── */

/* ── sm: 480px ── */
@media (min-width: 480px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
}

/* ── md: 768px ── */
@media (min-width: 768px) {
  .section    { padding: var(--space-20) 0; }
  .section--sm{ padding: var(--space-12) 0; }
  .section--lg{ padding: var(--space-24) 0; }

  .grid-2  { grid-template-columns: repeat(2, 1fr); }
  .grid-3  { grid-template-columns: repeat(2, 1fr); }
  .grid-4  { grid-template-columns: repeat(4, 1fr); }

  .footer-grid { grid-template-columns: 2fr 1fr 1fr; }

  /* Desktop nav visible */
  .desktop-nav { display: block; }
  .mobile-menu-btn { display: none; }

  /* Hero */
  .hero-slider { min-height: 92vh; }
  .hero-content h1, .hero-content h2 { font-size: clamp(2.5rem, 5vw, 3.75rem); }

  /* Stats bar */
  .stats-grid { grid-template-columns: repeat(4, 1fr); }

  /* Intro split */
  .intro-split { grid-template-columns: 1fr 1fr; gap: var(--space-12); }

  /* Tracks */
  .tracks-grid { grid-template-columns: repeat(2, 1fr); }

  /* Gallery */
  .gallery-grid { grid-template-columns: repeat(3, 1fr); }

  /* Auth */
  .auth-card { max-width: 500px; }

  /* Dashboard stats */
  .stats-row { grid-template-columns: repeat(4, 1fr); }

  /* Filter */
  .filter-row { flex-wrap: nowrap; }
  .filter-group { min-width: 0; }
}

/* ── lg: 1024px ── */
@media (min-width: 1024px) {
  .grid-3 { grid-template-columns: repeat(3, 1fr); }
  .grid-4 { grid-template-columns: repeat(4, 1fr); }

  /* Tracks home */
  .tracks-grid { grid-template-columns: repeat(3, 1fr); }

  /* Gallery */
  .gallery-grid { grid-template-columns: repeat(4, 1fr); }

  /* Dashboard layout */
  .dashboard-layout {
    display: flex;
    min-height: calc(100vh - 100px);
  }
  .dashboard-sidebar {
    width: 260px;
    flex-shrink: 0;
  }
  .dashboard-main { flex-grow: 1; padding: var(--space-8); }

  /* Footer full */
  .footer-grid { grid-template-columns: 2.5fr 1fr 1fr 1fr; }
}

/* ── xl: 1280px ── */
@media (min-width: 1280px) {
  .container { padding: 0 var(--space-8); }
  .hero-content h1, .hero-content h2 { font-size: 4rem; }
}

/* ════════════════════════════════════════════
   DARK MODE (basic system preference support)
════════════════════════════════════════════ */
@media (prefers-color-scheme: dark) {
  /* Intentionally not applying dark mode — brand colours
     are defined and approved for light mode only. */
}