:root {
  color-scheme: dark;
  --page-bg: #1e231f;
  --text: #f2f3ed;
  --surface: #272d27;
  --line: #424b3f;
  --muted: #b4bfb0;
  --accent: #e67a17;
  --image: #30372f;
  --field-bg: #1e231f;
  --input-line: #56614f;
  --placeholder: #9eac98;
  --hover: #333c2e;
  --row-bg: #242b24;
  --subtle-bg: #20261f;
  --selected-bg: #3a4535;
  --focus: #efac6e;
  --button-text: #191e19;
  --heading-accent: #b6c8a6;
  color: var(--text);
  background: var(--page-bg);
}
:root[data-theme="light"] {
  color-scheme: light;
  --page-bg: #f4f6f3;
  --text: #202a21;
  --surface: #ffffff;
  --line: #d9e0d5;
  --muted: #5a6759;
  --accent: #a94b05;
  --image: #f1f3ee;
  --field-bg: #ffffff;
  --input-line: #b9c5b3;
  --placeholder: #6a7567;
  --hover: #eef3e9;
  --row-bg: #ffffff;
  --subtle-bg: #f0f3ed;
  --selected-bg: #e5eddf;
  --focus: #a94b05;
  --button-text: #ffffff;
  --heading-accent: #48613b;
}
.header-actions {display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0}
.catalog-page .site-header {grid-template-columns:minmax(210px,1fr) minmax(240px,2fr) auto;grid-template-areas:"brand search actions"}
.catalog-page .brand {grid-area:brand}
.catalog-page .header-search {grid-area:search}
.catalog-page .header-actions {grid-area:actions}
.catalog-page .home-link {display:inline-flex}
.catalog-page .theme-toggle,.directory-page .theme-toggle {
  min-height:44px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:8px;background:var(--field-bg);color:var(--text);
  font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;
}
.catalog-page .theme-toggle:hover,.directory-page .theme-toggle:hover {background:var(--hover)}
.catalog-page .theme-toggle:focus-visible,.directory-page .theme-toggle:focus-visible {outline:3px solid var(--focus);outline-offset:3px}
[data-theme="light"] .catalog-page button:hover,[data-theme="light"] .catalog-page .button:hover {background:#8d3d00}
[data-theme="light"] .catalog-page .secondary,[data-theme="light"] .catalog-page .view-switch button {background:transparent;color:var(--text)}
[data-theme="light"] .catalog-page .secondary:hover,[data-theme="light"] .catalog-page .view-switch button:hover {background:var(--hover)}
[data-theme="light"] .catalog-page .view-switch button[aria-pressed=true] {background:var(--selected-bg);color:var(--text)}
[data-theme="light"] .catalog-page .theme-toggle:hover {background:var(--hover)}
[data-theme="light"] .range-table th {background:var(--subtle-bg)}
[data-theme="light"] .range-table tr[data-active=true] {background:#edf3e6}
[data-theme="light"] .range-table tr[data-active=true] td {color:#644313}
[data-theme="light"] .range-active {color:#4d653d}
[data-theme="light"] .demo-notice,[data-theme="light"] .demo-badge {background:#fff5e6;color:#70491d;border-color:#d8bd92}
[data-theme="light"] .demo-notice strong {color:#8c450a}
[data-theme="light"] .demo-calculation {background:#f0f5eb;border-color:#c6d4bd}
[data-theme="light"] .demo-calculation strong {color:var(--accent)}
[data-theme="light"] .demo-calculation>div+div {border-color:var(--line)}
[data-theme="light"] .equivalent-link {background:var(--surface)}
[data-theme="light"] .equivalent-link:hover {background:var(--hover)}
[data-theme="light"] .client-card[data-available=true] {background:linear-gradient(135deg,#fff9ef,#fff 70%);border-color:#d9c4a5}
[data-theme="light"] .client-initials {background:#eaf0e5;color:#425739}
[data-theme="light"] .client-card[data-available=true] .client-initials {background:#fff0d9;color:#815018}
[data-theme="light"] .client-badge {border-color:#bfcbb7;color:#4a5b43}
[data-theme="light"] .client-badge[data-available=true] {background:#fff3e2;color:#815018;border-color:#d9bd96}
[data-theme="light"] .note-mark {background:#eaf1e5;color:#425e36;border-color:#cad6c2}
[data-theme="light"] .card-action[href] {background:var(--subtle-bg);color:var(--accent)}
[data-theme="light"] .card-action[href]:hover {background:var(--hover)}
@media(max-width:1000px) {
  .catalog-page .site-header {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "search search";gap:16px}
}
@media(max-width:640px) {
  .catalog-page .site-header {padding:14px 16px;gap:12px}
  .header-actions {gap:8px}
  .catalog-page .home-link {display:none}
  .catalog-page .theme-toggle,.directory-page .theme-toggle {padding:7px 10px;font-size:12px}
  .directory-page .site-header {gap:12px}
}