/* Light theme for prefers-color-scheme: light */

@media (prefers-color-scheme: light) {
  :root {
    --bg: var(--rodan-lavender-50);
    --bg-elev: var(--rodan-white);
    --surface: var(--rodan-white);
    --surface-quiet: var(--rodan-lavender-100);
    --line: rgba(17, 17, 56, 0.12);
    --line-strong: rgba(17, 17, 56, 0.22);
    --fg-1: var(--rodan-ink);
    --fg-2: rgba(17, 17, 56, 0.82);
    --fg-3: rgba(17, 17, 56, 0.58);
  }

  .nav-inner, .hub-card, .score-card, .act-card, .hp-next, .hr-result {
    background: var(--rodan-white);
  }

  .hub-nav .logo img {
    filter: brightness(0) saturate(100%) invert(7%) sepia(30%) saturate(2824%) hue-rotate(219deg) brightness(79%) contrast(119%);
  }

  .hub-hero h1, h1, h2, h3, h4 { color: var(--rodan-ink); }

  .hub-trust-pill {
    border-color: rgba(17, 17, 56, 0.12);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, var(--rodan-lavender-100) 100%);
    color: rgba(17, 17, 56, 0.72);
    box-shadow: 0 8px 24px rgba(17, 17, 56, 0.08);
  }

  .btn.ghost {
    border-color: var(--line-strong);
    color: var(--rodan-ink);
  }

  .bench-note, .delta-note, .conf-nudge, .resume-banner {
    background: var(--rodan-lavender-100);
  }

  .consent-banner {
    background: var(--rodan-white);
    border-color: rgba(17, 17, 56, 0.14);
    box-shadow: 0 12px 40px rgba(17, 17, 56, 0.12);
  }

  .consent-banner p {
    color: rgba(17, 17, 56, 0.75);
  }

  .consent-banner a {
    color: var(--rodan-ink);
  }

  .btn:focus-visible,
  .link-quiet:focus-visible,
  a:focus-visible,
  button:focus-visible,
  input:focus-visible,
  textarea:focus-visible,
  .opt:focus-visible,
  .score-btn:focus-visible,
  .hr-opt:focus-visible {
    outline-color: var(--rodan-ink);
  }

}