/* ============================
   BASE — resets & base elements
   ============================ */

*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--ink);
  overflow-x: hidden;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.4;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

/* ============================================
   NAV SUBTITLE — turn green when nav icon is active
   ============================================ */

/* Default subtitle (white/ink) */
.gg-subtitle,
.gg-nav-subtitle {
  color: var(--ink) !important;
  transition: color 0.2s ease;
}

/* When ANY top nav icon is active → subtitle becomes green */
.gg-nav-icons .gg-icon.active ~ .gg-subtitle,
.gg-nav-icons .gg-icon.active ~ .gg-nav-subtitle {
  color: var(--brand, #2cd38d) !important;
}

/* Seasonal mode keeps its own seasonal styling */
body[data-tab="seasonal"] .gg-subtitle,
body[data-tab="seasonal"] .gg-nav-subtitle {
  color: inherit !important;
}