/* Paper, ink and a restrained evergreen accent. All rules are light-theme only. */
:root[data-theme="light"] {
  color-scheme: light;
  --canvas: #f5f5f0;
  --surface: #fffefa;
  --raised: #edf0e9;
  --hover: #e8eee5;
  --line-soft: #e4e7de;
  --line: #d5dcd0;
  --control: #7c8877;
  --fg: #202b24;
  --fg-2: #48564b;
  --fg-3: #59665b;
  --fg-4: #626d60;
  --ok: #28583e;
  --warn: #795419;
  --danger: #9b3831;
  --dot-color: #42674d52;
  --light-accent: #28583e;
  --light-accent-hover: #204831;
  --light-selected: #e8f0e6;
  --light-shadow: 0 2px 8px #26372805, 0 12px 30px #26372805;
}

:root[data-theme="light"] ::selection {
  background: #d1e2cc;
  color: var(--fg);
}

:root[data-theme="light"] .site-header {
  background: var(--surface);
}

:root[data-theme="light"] .brand-mark,
:root[data-theme="light"] .site-header nav a.active,
:root[data-theme="light"] .eyebrow,
:root[data-theme="light"] .hero h1 span {
  color: var(--light-accent);
}

:root[data-theme="light"] .site-header nav a.active {
  box-shadow: inset 0 -2px var(--light-accent);
}

:root[data-theme="light"] .site-header nav a:hover {
  color: var(--light-accent);
}

:root[data-theme="light"] .hero {
  background: linear-gradient(120deg, #fffefa 0%, #f5f5ef 70%);
}

:root[data-theme="light"] .hero-stats strong,
:root[data-theme="light"] .estimate strong {
  color: var(--light-accent);
}

:root[data-theme="light"] .calculator {
  box-shadow: var(--light-shadow);
  --corner: #75906f;
}

:root[data-theme="light"] .calculator-heading,
:root[data-theme="light"] .estimate {
  background-color: var(--raised);
}

:root[data-theme="light"] .estimate {
  border-top-style: solid;
}

:root[data-theme="light"] .calculator input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--light-accent) var(--fill, 20%), #bdc8b7 var(--fill, 20%));
}

:root[data-theme="light"] .calculator input[type="range"]::-webkit-slider-thumb {
  border-color: var(--light-accent);
  background: var(--light-accent);
  box-shadow: 0 0 0 3px var(--surface);
}

:root[data-theme="light"] .calculator input[type="range"]::-moz-range-progress,
:root[data-theme="light"] .calculator input[type="range"]::-moz-range-thumb {
  background: var(--light-accent);
  border-color: var(--light-accent);
}

:root[data-theme="light"] .search-box,
:root[data-theme="light"] select,
:root[data-theme="light"] .cm-form input,
:root[data-theme="light"] .cm-form textarea,
:root[data-theme="light"] .cm-search-label input {
  background-color: var(--surface);
  border-color: var(--control);
}

:root[data-theme="light"] .search-box:focus-within {
  border-color: var(--light-accent);
  box-shadow: 0 0 0 3px #28583e12;
}

:root[data-theme="light"] :is(button, a, input, select, summary, textarea):focus-visible {
  outline-color: var(--light-accent);
}

:root[data-theme="light"] .cm-form :is(input, textarea, select):focus,
:root[data-theme="light"] .cm-search-label input:focus {
  outline-color: var(--light-accent);
}

:root[data-theme="light"] .filters {
  background: var(--raised);
  border-color: var(--line);
}

:root[data-theme="light"] .filter-title h2,
:root[data-theme="light"] .filters legend {
  color: var(--fg);
}

:root[data-theme="light"] .filter-options label:hover {
  background: #e3e9dd;
}

:root[data-theme="light"] .filters label:has(input:checked) {
  background: #dfe9db;
  color: var(--light-accent);
}

:root[data-theme="light"] .filters label:has(input:checked) .facet-count {
  color: var(--light-accent);
}

:root[data-theme="light"] input[type="checkbox"]:checked {
  background: var(--light-accent);
  border-color: var(--light-accent);
}

:root[data-theme="light"] input[type="checkbox"]:checked::after {
  border-color: var(--surface);
}

:root[data-theme="light"] input[type="radio"]:checked::after {
  background: var(--light-accent);
}

:root[data-theme="light"] .hot-tag {
  color: #44643c;
  background: #e5eddf;
  border-color: #aebfa3;
}

:root[data-theme="light"] .active-filters button:not(.clear-all),
:root[data-theme="light"] .cm-tag {
  color: var(--light-accent);
  background: var(--light-selected);
  border-color: #b4c6aa;
}

:root[data-theme="light"] .list-table {
  box-shadow: 0 2px 8px #26372804;
}

:root[data-theme="light"] .table-heading {
  background: var(--raised);
  color: var(--fg-2);
}

:root[data-theme="light"] .job-summary:hover {
  background: #f0f4ec;
}

:root[data-theme="light"] .is-open .job-summary {
  background: var(--light-selected);
  box-shadow: inset 3px 0 var(--light-accent);
}

:root[data-theme="light"] .is-open .title-button,
:root[data-theme="light"] .bookmark.selected {
  color: var(--light-accent);
}

:root[data-theme="light"] .job-detail {
  background: #f8f9f4;
}

:root[data-theme="light"] .detail-facts {
  border-color: #cbd7c4;
  background: var(--surface);
}

:root[data-theme="light"] .primary-button,
:root[data-theme="light"] .apply-link {
  background: var(--light-accent);
  border-color: var(--light-accent);
  color: var(--surface);
}

:root[data-theme="light"] .primary-button:hover:not(:disabled),
:root[data-theme="light"] .apply-link:hover {
  background: var(--light-accent-hover);
  border-color: var(--light-accent-hover);
}

:root[data-theme="light"] .apply-link > span {
  color: var(--light-accent);
  background: #e7efe0;
}

:root[data-theme="light"] .secondary-button,
:root[data-theme="light"] .theme-toggle {
  background: var(--surface);
}

:root[data-theme="light"] .secondary-button:hover:not(:disabled),
:root[data-theme="light"] .theme-toggle:hover {
  background: var(--raised);
  border-color: var(--light-accent);
}

:root[data-theme="light"] .saved-nav[aria-pressed="true"],
:root[data-theme="light"] .segmented button[aria-pressed="true"],
:root[data-theme="light"] .page-buttons button[aria-current="page"] {
  color: var(--light-accent);
  background: var(--light-selected);
  border-color: #8da783;
}

:root[data-theme="light"] .saved-nav[aria-pressed="true"] svg {
  fill: var(--light-accent);
}

:root[data-theme="light"] .status-tag {
  background: #e7efdf;
}

:root[data-theme="light"] .status-tag.warning {
  background: #f4ecd7;
}

:root[data-theme="light"] .status-tag.restricted {
  background: var(--raised);
}

:root[data-theme="light"] .platform-card,
:root[data-theme="light"] .guide-paths article,
:root[data-theme="light"] .about-grid article {
  border-radius: 5px;
  box-shadow: var(--light-shadow);
}

:root[data-theme="light"] .platform-card:focus-within {
  border-color: #91a786;
}

:root[data-theme="light"] .platform-logo {
  border-color: #d9ded3;
  background: #fff;
}

:root[data-theme="light"] .platform-logo.missing {
  background: var(--raised);
}

:root[data-theme="light"] .cm-forum-aside,
:root[data-theme="light"] .cm-forum-signin,
:root[data-theme="light"] .cm-review-editor,
:root[data-theme="light"] .cm-compose {
  background: var(--raised);
}

:root[data-theme="light"] .cm-review-editor[open],
:root[data-theme="light"] .cm-compose[open] {
  background: var(--surface);
  border-color: #a7b79e;
}

:root[data-theme="light"] .cm-review-editor[open] > summary,
:root[data-theme="light"] .cm-compose[open] > summary {
  color: var(--light-accent);
}

:root[data-theme="light"] .cm-rating-grid {
  background: var(--raised);
}

:root[data-theme="light"] .cm-star > svg path {
  stroke: #7b8779;
}

:root[data-theme="light"] .cm-star-fill svg path {
  fill: #426c4a;
  stroke: #426c4a;
}

:root[data-theme="light"] .cm-stars.is-unrated {
  opacity: 1;
}

:root[data-theme="light"] .cm-avatar {
  color: var(--light-accent);
  background: #e5eddf;
}

:root[data-theme="light"] .cm-post-title:hover,
:root[data-theme="light"] .cm-text-button:hover,
:root[data-theme="light"] .card-actions a:hover {
  color: var(--light-accent);
}

:root[data-theme="light"] dialog {
  background: var(--surface);
  border-color: #b4c2ac;
  box-shadow: 0 24px 100px #202f2533;
}

:root[data-theme="light"] dialog::backdrop {
  background: #24332866;
}

:root[data-theme="light"] .detail-head,
:root[data-theme="light"] .detail-foot {
  background: var(--raised);
}

:root[data-theme="light"] .dialog-close:hover {
  color: var(--fg);
  border-color: var(--control);
}

:root[data-theme="light"] .site-footer {
  background: #edf0e9;
}

:root[data-theme="light"] #toast {
  background: var(--fg);
  color: var(--surface);
  box-shadow: 0 5px 20px #202f2526;
}

:root[data-theme="light"] button:disabled {
  opacity: .5;
}