/* This file is loaded last so the selected theme wins on every page. */
html { overflow-x: hidden; }

[data-theme="light"] {
    --bg: #f4f7fb;
    --panel: #ffffff;
    --ink: #132033;
    --muted: #607087;
    --line: #d8e1ec;
    --navy: #eaf0f8;
    --navy-soft: #dde7f3;
    --accent: #176fe5;
    --accent-dark: #125fc5;
    --success: #087c55;
    --danger: #c43d49;
    --shadow: 0 20px 55px rgba(35,58,91,.1);
}

[data-theme="light"] body { background: radial-gradient(circle at 85% 8%, rgba(23,111,229,.08), transparent 28%), var(--bg); }
[data-theme="light"] .app-topbar { border-color: #d6e0ec; color: #132033; background: rgba(250,252,255,.94); }
[data-theme="light"] .brand-copy small { color: #6b7b90; }
[data-theme="light"] .site-nav a { color: #52647b; }
[data-theme="light"] .site-nav a:hover,
[data-theme="light"] .site-nav a:focus-visible,
[data-theme="light"] .site-nav a.active { color: #0d56ae; background: rgba(23,111,229,.09); }
[data-theme="light"] .header-cta { color: #0d5fc5; border-color: #a9c7ed; background: #edf5ff; }
[data-theme="light"] .theme-toggle,
[data-theme="light"] .nav-toggle { color: #35506e; border-color: #cbd8e7; background: #f3f7fc; }
[data-theme="light"] .nav-toggle span { background: #435a74; }
[data-theme="light"] .hero h1 { color: #132033; }
[data-theme="light"] .hero-text { color: #607087; }
[data-theme="light"] .panel,
[data-theme="light"] .metric,
[data-theme="light"] .legal-document,
[data-theme="light"] .legal-sidebar { border-color: var(--line); background: #fff; }
[data-theme="light"] .public-mode-card,
[data-theme="light"] .connected-user { border-color: #b8dfcf; background: #f0faf6; }
[data-theme="light"] input,
[data-theme="light"] select { border-color: #c5d1df; color: #16243a; background: #fff; }
[data-theme="light"] input[type="date"],
[data-theme="light"] input[type="time"] { color-scheme: light; }
[data-theme="light"] .autocomplete { border-color: var(--line); background: #fff; box-shadow: 0 20px 50px rgba(35,58,91,.15); }
[data-theme="light"] .instrument-option { border-color: #e3e9f1; }
[data-theme="light"] .instrument-option:hover { background: #f4f8fd; }
[data-theme="light"] .condition-card { border-color: #cbd7e4; background: #fff; }
[data-theme="light"] .condition-card.condition-disabled { background: #f7f9fc; }
[data-theme="light"] .condition-card-header { border-color: #dbe3ed; background: #f6f9fc; }
[data-theme="light"] .join-control select,
[data-theme="light"] .condition-fields input,
[data-theme="light"] .condition-fields select,
[data-theme="light"] .operator-block select { border-color: #c7d3e1; color: #1a2b42; background: #fff; }
[data-theme="light"] .condition-preview { color: #4b5f77; background: #edf3f9; }
[data-theme="light"] .empty-conditions { border-color: #b9c7d7; color: #64758a; background: #f8fafc; }
[data-theme="light"] .chart-panel canvas { background: #fbfcfe; }
[data-theme="light"] .summary-row { border-color: #e3e9f0; }
[data-theme="light"] .legal-document p,
[data-theme="light"] .legal-document li,
[data-theme="light"] .legal-section p,
[data-theme="light"] .legal-section li { color: #4f6075; }
[data-theme="light"] .legal-heading,
[data-theme="light"] .legal-section + .legal-section { border-color: #e0e7ef; }
[data-theme="light"] .legal-sidebar > a { color: #2e4057; }
[data-theme="light"] .legal-sidebar > a:hover { background: #edf3f9; }
[data-theme="light"] .legal-sidebar > a.active { color: white; background: #176fe5; }
[data-theme="light"] .legal-help-card { background: #edf5ff; }
[data-theme="light"] .legal-highlight { border-color: #b8dfcf !important; background: #f0faf6; }
[data-theme="light"] .legal-warning { border-color: #ead19d !important; background: #fff9ec; }
[data-theme="light"] footer { color: #24364d; border-color: #d7e0eb; background: #eaf0f7; }
[data-theme="light"] footer p { color: #627389; }
[data-theme="light"] .footer-links a { color: #285b98; }
[data-theme="light"] .feedback-dialog { border-color: #cfdbe8; color: #132033; background: #fff; box-shadow: 0 30px 100px rgba(22,43,74,.25); }
[data-theme="light"] .feedback-icon-close,
[data-theme="light"] .feedback-close-button { color: #42566e; border-color: #cad6e4; background: #f2f6fb; }
[data-theme="light"] .feedback-field > span { color: #334961; }
[data-theme="light"] .feedback-field input,
[data-theme="light"] .feedback-field select,
[data-theme="light"] .feedback-field textarea { color: #132033; border-color: #c4d1e0; background: #fff; }
[data-theme="light"] .feedback-status-success { color: #096f4d; background: #ecf9f4; }
[data-theme="light"] .feedback-status-error { color: #a92d38; background: #fff0f1; }

@media (max-width: 760px) {
    .theme-toggle { margin-left: auto; }
    .nav-toggle { margin-left: 0; }
    [data-theme="light"] .app-topbar .site-nav { border-color: #cbd8e7; background: rgba(250,252,255,.99); box-shadow: 0 24px 60px rgba(35,58,91,.2); }
}