/* Light theme is a deliberate paper-and-ink palette, not an inverted dark UI. */
html[data-theme="light"] { --bg:#f7f8f4; --surface:#fff; --surface2:#eef1e9; --line:#d7dcd1; --text:#121510; --muted:#626b61; --lime:#69ad16; --red:#c83e55; }
html[data-theme="light"] body::before { background-image:linear-gradient(rgba(36,48,28,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,48,28,.035) 1px,transparent 1px); }
html[data-theme="light"] .site-header { background:rgba(250,251,248,.92); border-color:#dfe3da; }
html[data-theme="light"] .desktop-nav a:hover,
html[data-theme="light"] .desktop-nav a:focus-visible { color:#477d0d; }
html[data-theme="light"] .glow { background:radial-gradient(circle,rgba(123,190,43,.1),transparent 68%); }
html[data-theme="light"] .lede { color:#747d75; }
html[data-theme="light"] .trust-line { color:#6d766d; }
html[data-theme="light"] .trust-line b { color:#4f584f; }
html[data-theme="light"] .trust-line i { background:#aeb5aa; }
html[data-theme="light"] .hero-board,
html[data-theme="light"] .ranking-card { border-color:#cbd1c7; background:#fff; box-shadow:0 24px 60px rgba(50,65,41,.12); }
html[data-theme="light"] .rank-number { color:#737c73; }
html[data-theme="light"] .rank-identity span,
html[data-theme="light"] .rating-count span,
html[data-theme="light"] .publication-status span { color:#6f786f; }
html[data-theme="light"] .board-top { background:#fbfcfa; }
html[data-theme="light"] .hero-search { box-shadow:0 14px 35px rgba(43,57,34,.13); }
html[data-theme="light"] .ticker div { color:#697269; }
html[data-theme="light"] .ticker > span { background:#72b71c; }
html[data-theme="light"] .primary-button { background:#9fe83f; }
html[data-theme="light"] .official-badge { border-color:#83ad4c; background:#f1f8e8; color:#426d0b; }
/* Deliberately dark Aura callouts keep an inverse palette in the light theme. */
html[data-theme="light"] .aura-ladder li.top-current {
  border-color:#79ad39;
  background:#14200d;
  color:#f5f7f1;
}
html[data-theme="light"] .aura-ladder li.top-current > b,
html[data-theme="light"] .aura-ladder li.top-current > small { color:#aef24f; }
html[data-theme="light"] .aura-opportunity {
  border-color:#42582d;
  background:linear-gradient(120deg,#15200f,#11161a);
  color:#f5f7f1;
}
html[data-theme="light"] .aura-opportunity .eyebrow { color:#a9b2a4; }
html[data-theme="light"] .aura-opportunity p:not(.eyebrow),
html[data-theme="light"] .aura-opportunity > small { color:#aeb7aa; }
html[data-theme="light"] .rating-feedback span { color:#626b61; }
html[data-theme="light"] .primary-button:disabled {
  opacity:1;
  background:#dcebc8;
  color:#718064;
}
html[data-theme="light"] .aura-flow::before { background-image:linear-gradient(rgba(36,48,28,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,48,28,.045) 1px,transparent 1px); }
html[data-theme="light"] .aura-sources span { background:#fff; }

/*
 * Light surfaces
 * ----------------
 * The dark theme uses several fixed near-black backgrounds for emphasis. In
 * the light theme, ordinary workspace, form and navigation surfaces must use
 * the shared paper palette so their inherited text tokens remain readable.
 */
html[data-theme="light"] .method-note,
html[data-theme="light"] .shared-rating-note,
html[data-theme="light"] .entity-match-panel,
html[data-theme="light"] .submission-resolution,
html[data-theme="light"] .category-rating-workspace,
html[data-theme="light"] .methodology-proof,
html[data-theme="light"] .catalog-principle {
  border-color:#b9cea0;
  background:#f1f7e9;
  color:var(--text);
}

html[data-theme="light"] .profile-hero,
html[data-theme="light"] .target-card,
html[data-theme="light"] .catalog-form,
html[data-theme="light"] .admin-summary > div {
  border-color:var(--line);
  background:var(--surface);
  color:var(--text);
}

html[data-theme="light"] .admin-tabs,
html[data-theme="light"] .history-toggle,
html[data-theme="light"] .category-rating-filters {
  border-color:var(--line);
  background:var(--surface2);
}

html[data-theme="light"] .admin-tabs a.active,
html[data-theme="light"] .history-toggle button.active,
html[data-theme="light"] .category-rating-filters button.active,
html[data-theme="light"] .assessment-filter button.active,
html[data-theme="light"] .entity-contexts a.active {
  background:#dcefc7;
  color:#376b00;
}

html[data-theme="light"] .rating-control button,
html[data-theme="light"] .secondary-button {
  border-color:var(--line);
  background:var(--surface);
  color:#3f483f;
}

html[data-theme="light"] .rating-control button:hover,
html[data-theme="light"] .secondary-button:hover {
  border-color:#9ebd79;
  background:#f2f7ec;
  color:#315f00;
}

html[data-theme="light"] .catalog-form input,
html[data-theme="light"] .catalog-form textarea,
html[data-theme="light"] .catalog-form select,
html[data-theme="light"] .membership-form input,
html[data-theme="light"] .membership-form select,
html[data-theme="light"] .ratings-toolbar input,
html[data-theme="light"] .ratings-toolbar select,
html[data-theme="light"] .ratings-head-actions select {
  border-color:var(--line);
  background:var(--surface);
  color:var(--text);
}

html[data-theme="light"] .catalog-form input::placeholder,
html[data-theme="light"] .catalog-form textarea::placeholder,
html[data-theme="light"] .ratings-toolbar input::placeholder {
  color:#818981;
}

html[data-theme="light"] .aura-neighbors b {
  border-color:#9fbd7c;
  background:#eef7e4;
  color:#477d0d;
}

html[data-theme="light"] .submission-status.duplicate {
  background:#e7f3fb;
  color:#236183;
}

html[data-theme="light"] .mobile-nav {
  border-color:var(--line);
  background:rgba(250,251,248,.95);
}

html[data-theme="light"] .mobile-nav a,
html[data-theme="light"] .mobile-nav button { color:#687168; }
html[data-theme="light"] .mobile-nav a:hover,
html[data-theme="light"] .mobile-nav button:hover { color:#477d0d; }

html[data-theme="light"] .admin-card { color:var(--text); }
html[data-theme="light"] .category-meta b,
html[data-theme="light"] .filter.active,
html[data-theme="light"] .filter-bar select,
html[data-theme="light"] .prose h2 { color:var(--text); }
html[data-theme="light"] .filter-bar select { background:var(--surface); }
html[data-theme="light"] .prose { color:#4f584f; }