/* Light theme: remaps --c/--a and overrides hardcoded dark-theme colors */

body.light-mode {
  --c: 26, 18, 10;   /* near-black text channel */
  --a: 160, 112, 0;  /* muted gold accent */
  background: #f5f0e8; /* cream */
  color: #1a120a;
}

body.light-mode::before {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(200, 140, 0, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 80% 80%, rgba(160, 90, 0, 0.04) 0%, transparent 40%);
}

body.light-mode .crawl-sheet {
  background: #fff8f0;
}

body.light-mode .crawl-sheet-overlay {
  background: rgba(0, 0, 0, 0.45);
}

/* Inputs that used solid #fff text in dark mode */
body.light-mode .crawl-bar,
body.light-mode .chip-input-field,
body.light-mode .opt-select,
body.light-mode .crawl-add-participant-form input {
  color: #1a120a;
}

body.light-mode .opt-select option {
  background: #fff8f0;
  color: #1a120a;
}

body.light-mode h1 {
  color: #8c6a00; /* darker gold for cream bg */
  text-shadow: 0 0 30px rgba(140, 106, 0, 0.2);
}

body.light-mode .result-line {
  color: rgba(26, 18, 10, 0.9);
}

body.light-mode .crawl-progress {
  color: #8c6a00;
}

/* Combined selector beats both body.lunch-active and body.light-mode alone */
body.lunch-active.light-mode::before {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(104, 159, 56, 0.10) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 80% 80%, rgba(104, 159, 56, 0.05) 0%, transparent 40%);
}

body.lunch-active.light-mode h1 {
  color: #4d7a24; /* lunch green */
  text-shadow: 0 0 30px rgba(77, 122, 36, 0.25);
}

body.light-mode .result-line .highlight,
body.light-mode .result-timer,
body.light-mode .crawl-sheet-bar {
  color: #8c6a00;
}

body.light-mode .result::after {
  opacity: 0.12;
}

body.light-mode .crawl-extra-drink {
  color: rgba(var(--a), 0.9);
}

body.light-mode .crawl-extra-challenge {
  color: rgba(var(--a), 0.85);
}

body.light-mode .crawl-map {
  color: rgba(var(--a), 0.8);
}

body.light-mode .crawl-map:hover {
  color: rgb(var(--a));
  background: rgba(var(--a), 0.08);
}

body.light-mode .map-link a {
  color: #8c6a00;
}

body.light-mode .crawl-add-participant-form button {
  color: rgb(var(--a));
}

body.light-mode .chip-input-add {
  color: #8c6a00;
}

body.light-mode .switch-thumb {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

body.light-mode .crawl-reset:hover,
body.light-mode .crawl-footer-link:hover {
  color: rgba(var(--a), 0.8);
}

body.light-mode .crawl-row.done .crawl-bar,
body.light-mode .crawl-row.done .crawl-drink,
body.light-mode .crawl-row.done .crawl-challenge,
body.light-mode .crawl-row.done .crawl-extra-name,
body.light-mode .crawl-row.done .crawl-extra-drink,
body.light-mode .crawl-row.done .crawl-extra-challenge {
  text-decoration-color: rgba(var(--c), 0.5);
}

body.light-mode .crawl-row.closed .crawl-bar {
  text-decoration-color: rgba(var(--c), 0.25);
}

/* Dark theme’s 0.45 alpha fails WCAG on cream — bump secondary text */
body.light-mode .back-home,
body.light-mode .opt-row-hint,
body.light-mode .crawl-row.closed .crawl-bar,
body.light-mode .crawl-footer-link,
body.light-mode .crawl-reset,
body.light-mode .crawl-sheet-close,
body.light-mode .crawl-sheet-closed-msg,
body.light-mode .custom-route-empty,
body.light-mode .suggest-link button {
  color: rgba(var(--c), 0.6);
}

/* opt-row-expand's meta text (skipped-bar count) stays red, not the bumped grey */
body.light-mode .opt-row-expand .opt-row-hint {
  color: rgba(239, 68, 68, 0.75);
}