:root {
    color-scheme: light;
    --catalog-bg: #f4f6fa;
    --catalog-surface: #ffffff;
    --catalog-text: #203044;
    --catalog-muted: #61738a;
    --catalog-border: #d5deeb;
    --catalog-primary: #235bc7;
    --catalog-primary-text: #ffffff;
    --catalog-link: #215cc4;
    --catalog-soft: #edf2f8;
    --catalog-row-alt: #f8fafd;
    --catalog-hover: #eff6ff;
    --catalog-danger: #b4233a;
    --catalog-danger-border: #edc6ce;
    --catalog-danger-bg: #fff1f2;
    --catalog-success: #166534;
    --catalog-success-border: #bee7d0;
    --catalog-success-bg: #e9f8f0;
    --bg-card: var(--catalog-surface);
    --text-body: var(--catalog-text);
    --border-card: var(--catalog-border);
}
:root[data-catalog-theme="dark"] {
    color-scheme: dark;
    --catalog-bg: #0c1422;
    --catalog-surface: #162133;
    --catalog-text: #e7edf7;
    --catalog-muted: #a8b7cd;
    --catalog-border: #34445d;
    --catalog-primary: #3468d8;
    --catalog-link: #95b9ff;
    --catalog-soft: #202e44;
    --catalog-row-alt: #19263a;
    --catalog-hover: #243854;
    --catalog-danger: #ff9dab;
    --catalog-danger-border: #784557;
    --catalog-danger-bg: #382332;
    --catalog-success: #9be4bd;
    --catalog-success-border: #335e4b;
    --catalog-success-bg: #1b352d;
}
.catalog-controls {display:flex;align-items:center;gap:10px}
.catalog-theme-toggle {background:var(--catalog-soft);border:1px solid var(--catalog-border);color:var(--catalog-text);border-radius:8px;padding:8px 11px;cursor:pointer;white-space:nowrap}
input::placeholder,textarea::placeholder {color:var(--catalog-muted);opacity:1}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible {outline:2px solid var(--catalog-link);outline-offset:3px}
input[type="date"] {color-scheme:inherit}
select option {background:var(--catalog-surface);color:var(--catalog-text)}