/* Classic theme: minimal overrides, preserves existing site look via existing CSS files */

/* Provide hooks for pages that use .home classes without changing classic visuals */
.home .hero{ padding: 12px 16px; text-align:center; }
.home .cta-row{ display:flex; justify-content:center; margin: 8px 0 }
.home .btn-hero{ font-size:18px; padding:12px 18px; border-radius:12px }
.home .marketing-card{ max-width:980px; margin:8px auto 0; line-height:1.6; padding: 12px; }
.home .marketing-img{ display:block; width:100%; height:auto; border-radius:8px; margin:12px 0; }
.home .home-grid{ max-width:980px; margin:12px auto 0; }

/* =============================
   Classic theme: ensure settings inputs match dark UI
   Applies to level bonus points table and scratch settings
   ============================= */
/* Level config table inputs */
#levelConfig input[type="number"],
#levelConfig input[type="text"],
#levelConfig select,
#levelConfig textarea {
  background: #0b1220; /* near card background */
  color: #e5e7eb;
  border: 1px solid #1f2937; /* var(--b) equivalent */
  color-scheme: dark; /* dark spinners/caret on supported browsers */
}

/* General settings fields within .wrap container (settings.html) */
.wrap .field input,
.wrap .field select,
.wrap .field textarea {
  background: #0b1220;
  color: #e5e7eb;
  border: 1px solid #1f2937;
  color-scheme: dark;
}

/* Focus state (subtle mint glow) */
.wrap .field input:focus,
.wrap .field select:focus,
.wrap .field textarea:focus,
#levelConfig input[type="number"]:focus,
#levelConfig input[type="text"]:focus,
#levelConfig select:focus,
#levelConfig textarea:focus {
  outline: 2px solid rgba(16,185,129,0.35);
  outline-offset: 2px;
}