html[data-theme="dark"] { color-scheme: dark; }

html[data-theme="light"] {
    color-scheme: light;
    --bg: #ffffff;
    --bg-grad: none;
    --surface: #f6f6f7;
    --surface-2: #ececef;
    --surface-3: #e2e2e6;
    --border: #d5d5db;
    --border-strong: #b7b7c0;
    --text: #000000;
    --text-dim: #1c1c1f;
    --text-faint: #3f3f46;
    --accent: #1d4ed8;
    --shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.theme-toggle {
    position: fixed;
    top: 14px;
    right: 16px;
    z-index: 40;
    border: 1px solid var(--border, #3b3b44);
    background: var(--surface, #151518);
    color: var(--text, #f5f5f6);
    border-radius: 999px;
    padding: 7px 12px;
    font: 600 13px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    cursor: pointer;
}
.theme-toggle:hover { border-color: var(--border-strong, #3b3b44); }

html[data-theme="light"] .fchip.active {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.45);
}
html[data-theme="light"] button.save { color: #ffffff; }
html[data-theme="light"] .drop { background: #f4f4f5; }

html[data-theme="light"] body {
    background: #ffffff;
    color: #000000;
}
html[data-theme="light"] .layout-ctrl select {
    background: #f4f4f5;
    color: #000;
    border-color: #d5d5db;
}
html[data-theme="light"] .column,
html[data-theme="light"] .general-pane .column {
    background: #f6f6f7;
    border-color: #d5d5db;
    box-shadow: none;
}
html[data-theme="light"] .col-head { border-bottom-color: #e2e2e6; }
html[data-theme="light"] .col-title:focus,
html[data-theme="light"] .col-desc:focus { background: #ececef; }
html[data-theme="light"] .col-delete,
html[data-theme="light"] .col-handle { color: rgba(0, 0, 0, 0.4); }
html[data-theme="light"] .col-handle:hover { color: rgba(0, 0, 0, 0.75); }
html[data-theme="light"] .repo { background: #ffffff; }
html[data-theme="light"] .repo:hover { background: #ececef; }
html[data-theme="light"] .add-col { border-color: #b7b7c0; color: #3f3f46; }
html[data-theme="light"] .add-col:hover { color: #000; background: rgba(29, 78, 216, 0.08); }
html[data-theme="light"] header a[href="index.html"] { color: #1d4ed8 !important; }