/* brightness-lift.css — WCAG-aware gentle lift for readability
   Raises CSS variable-based dim text + common rgba text values
   by ~15-20% without flattening the atmospheric feel.
   Decorative opacity (icons, borders, hints) intentionally left alone.
   Injected into every page via brightness-lift.js. */

:root {
  /* Dim-tier text variables — universal across most SYNTH-TUBE pages */
  --green-dim: #4dd8b8 !important;      /* was often #3d8a7a or similar ~0.55 */
  --green-dark: #2ba88f !important;     /* was often #0a5a4a or similar very dim */
  --dim: #8fa8b8 !important;            /* generic dim text */
  --muted: #a0bac0 !important;          /* muted copy */
  --text-dim: #b0c8d0 !important;       /* dim body text */
  --text-muted: #9fb8c0 !important;     /* muted body text */
}

/* Body copy inside hero sections and articles — ensure readability */
section#hero p,
section#hero .sub,
section#hero [style*="italic"],
article p,
.description,
.sub-title,
.tagline {
  color: rgba(190, 230, 220, 0.92) !important;
}

/* Definition text / explainer lines */
[id*="def"],
.definition,
.explainer,
.hero-def {
  color: rgba(180, 230, 220, 0.9) !important;
}

/* Navigation and buttons that were over-dimmed */
nav a:not(:hover):not(.active),
.nav-link:not(:hover):not(.active),
.menu-item:not(:hover):not(.active) {
  opacity: 0.85 !important;
}

/* Chat/ambient text in hero areas */
.ambient-line,
.chat-line,
.whisper,
[class*="speaking"] {
  color: rgba(210, 240, 230, 0.95) !important;
}

/* Form placeholder text — often way too dim */
input::placeholder,
textarea::placeholder {
  color: rgba(160, 210, 200, 0.65) !important;
}

/* Labels */
label,
.label,
.field-label {
  color: rgba(200, 230, 225, 0.9) !important;
}

/* Small notes, meta text, timestamps — lift from ~0.4 to ~0.7 */
.note,
.meta,
.timestamp,
.caption,
small {
  color: rgba(180, 220, 215, 0.8) !important;
}

/* Never lift these — intentionally decorative */
.decorative,
.ornament,
.glyph,
.spark {
  /* noop — leave existing values alone */
}


/* ── v2 additions: ornamental labels that were still too dim ── */
/* Small uppercase monospace labels (Share Tech Mono style) */
body [style*="Share Tech Mono"],
body [style*="letter-spacing"][style*="font-size:0.6"],
body [style*="letter-spacing"][style*="font-size:0.7"],
.meta-label,
.status-line,
.corner-label,
.scroll-indicator {
  color: rgba(180, 230, 220, 0.75) !important;
}

/* Very small "ambient" decorative lines that had opacity 0.4-0.6 */
body *[style*="opacity:0.3"],
body *[style*="opacity:0.4"],
body *[style*="opacity:0.5"] {
  opacity: 0.7 !important;
}

/* The SCROLL vertical indicator and similar chrome */
[class*="scroll"][class*="indicator"],
.scroll-hint,
.scroll {
  opacity: 0.8 !important;
  color: rgba(180, 230, 220, 0.85) !important;
}


/* v3 precise — targeting actual class names from entrance.html */
.hero-top-left,
.hero-top-right,
.hero-top-bar > div {
  color: rgba(180, 230, 220, 0.75) !important;
  opacity: 1 !important;
}

.hsd-txt,
.hero-scroll-down {
  color: rgba(180, 230, 220, 0.8) !important;
  opacity: 1 !important;
}

/* Kill the ultra-low alpha chrome that was 0.04-0.08 — lift to readable */
.footer-right,
.bc-ad-sub,
.bc-ad-main,
[class*="bc-ad"],
[class*="footer"] {
  color: rgba(180, 220, 215, 0.55) !important;
}

/* Manifesto / hero whisper text */
.hero-whisper,
[class*="whisper"] {
  color: rgba(200, 240, 230, 0.85) !important;
}


/* v4 login — LOGIN/SIGNUP and other fixed-position chrome */
#entrance-login {
  opacity: 1 !important;
  color: rgba(100, 245, 196, 1) !important;
}
#entrance-login:hover {
  opacity: 1 !important;
  color: #00f5c4 !important;
  text-shadow: 0 0 8px rgba(0, 245, 196, 0.5);
}