/* Theme skins and legacy helpers */

/* Dark Green (unchanged) */
html[data-theme="dark-green"] body {
  background: radial-gradient(1000px 800px at 10% -10%, #0f1612, #0a0e0c 60%) #0a0e0c;
  color: var(--text);
}

/* Pepe Bright — make it noticeably brighter with higher contrast */
html[data-theme="pepe-bright"] {
  /* Override some core variables to brighter hues */
  --panel-bg: rgba(245, 250, 255, 0.78);        /* brighter glass */
  --panel-border: #c9defc;                      /* light border */
  --text: #0b1a2a;                              /* dark text on light bg */
  --accent: #56cc3a;                            /* vivid green */
  --link: #0b72ff;                              /* brighter link */
  --link-hover: #ff9f1a;                        /* warm hover */
  --link-visited: #6b57c7;                      /* clearer visited */
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.18);    /* slightly lighter shadow */
}

html[data-theme="pepe-bright"] body {
  /* Light, airy gradient background */
  background:
    radial-gradient(1200px 900px at 30% -20%, #f7fbff 0%, #eaf3ff 50%, #dfefff 85%)
    #eaf3ff;
  color: var(--text);
}

/* Component-level tweaks under bright theme for extra clarity */
html[data-theme="pepe-bright"] .container {
  backdrop-filter: saturate(110%) blur(10px);
}

html[data-theme="pepe-bright"] .site-header h1 {
  color: var(--accent);
  text-shadow: 0 0 10px rgba(86, 204, 58, 0.18);
}

html[data-theme="pepe-bright"] .site-header .logo {
  border-color: var(--panel-border);
  background: #ffffff;
}

html[data-theme="pepe-bright"] .theme-switch select {
  background: #ffffff;
  border-color: var(--panel-border);
  color: var(--text);
}

html[data-theme="pepe-bright"] .links a {
  color: var(--link);
}

html[data-theme="pepe-bright"] .links a:hover {
  color: var(--link-hover);
}

/* legacy background helpers (kept minimal) */
.bg-mosaic { display:none; }