/* High-contrast, readable dark theme with purple glow */
:root { color-scheme: dark; }

/* Base background and global text color */
html, body {
  margin: 0 !important;
  min-height: 100% !important;
  background:
    radial-gradient(1200px 800px at 75% 15%, rgba(142,84,255,0.20), transparent 62%),
    radial-gradient(1000px 700px at 22% 85%, rgba(120,60,220,0.15), transparent 64%),
    linear-gradient(180deg, #141418 0%, #101016 100%) !important;
  color: #f5f6fb !important; /* crisp near-white for body text */
}

/* Ensure headings are bright and readable */
h1, h2, h3, #title, .title {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
  border: 0 !important;
}

/* Keep common wrappers transparent (prevents light bands) */
#start, #testWrapper, #main, #app, #root, .container, .panel, .card, .box {
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
}

/* Controls */
button, .btn {
  background: #1c1c24 !important;
  color: #ffffff !important;
  border: 1px solid #2d2d39 !important;
}
button:hover, .btn:hover { background: #242430 !important; }

/* Inputs/selects */
input, select, textarea {
  background: #151522 !important;
  color: #ffffff !important;
  border: 1px solid #2a2a36 !important;
}
input::placeholder, textarea::placeholder { color: #b5bbca !important; }

/* Links: readable and accessible contrast */
a { color: #9ec3ff !important; text-decoration: none !important; }
a:hover { color: #c6dcff !important; text-decoration: underline !important; }

/* Remove any horizontal rule or divider lines (e.g., under "Source code") */
hr, .divider, .separator {
  border: 0 !important;
  height: 0 !important;
}

/* If the "Source code" area is wrapped in a footer-like block, strip its border/line */
footer, .footer, #footer, #foot {
  border: 0 !important;
  background: transparent !important;
}

/* Some templates draw a thin top border on link containers; neutralize it */
a[href*="github"], a[href*="source"], .links, .linkbar, .credits {
  border: 0 !important;
}

/* Smooth fade for the background */
body { animation: bgFade .35s ease-out both; }
@keyframes bgFade { from { opacity: .92; } to { opacity: 1; } }