/* Shared Predictit theme tokens. Applications can load this file unchanged. */
:root { color-scheme:light; --surface:#ffffff; --surface-subtle:#f4f7fb; --surface-raised:#ffffff; --text:#172b4d; --text-muted:#52657b; --border:#d4ddea; --brand:#0c4c83; --brand-strong:#083b66; --on-brand:#ffffff; --focus:#3e8ed0; --danger:#b42318; --danger-surface:#fff4f2; --ink:#172b4d; --muted:#52657b; --line:#d4ddea; --brand-dark:#083b66; --accent:#6b9a1c; --soft:#f4f7fb; }
:root[data-theme="dark"] { color-scheme:dark; --surface:#111c2e; --surface-subtle:#0a1220; --surface-raised:#17263b; --text:#f7fafc; --text-muted:#c2cfdd; --border:#40536b; --brand:#6aaee8; --brand-strong:#9bcaf4; --on-brand:#071b31; --focus:#9bd23a; --danger:#ffb4ab; --danger-surface:#512128; --ink:#f7fafc; --muted:#c2cfdd; --line:#40536b; --brand-dark:#9bcaf4; --accent:#b4e368; --soft:#0a1220; }
.theme-control { display:inline-flex; align-items:center; gap:.5rem; color:inherit; font:inherit; }.theme-control label { font-size:.8125rem; font-weight:700; }.theme-control select { min-height:2.25rem; padding:.25rem 1.8rem .25rem .55rem; border:1px solid currentColor; border-radius:.4rem; color:inherit; background:transparent; font:inherit; }.theme-control select:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
.predictit-theme-float { position:fixed; right:1rem; bottom:1rem; z-index:2147483647; padding:.4rem .55rem; border:1px solid var(--border); border-radius:999px; color:var(--text); background:color-mix(in srgb,var(--surface-raised) 92%,transparent); box-shadow:0 8px 24px #081a2e2b; backdrop-filter:blur(12px); }.predictit-theme-float label { color:var(--text-muted); }.predictit-theme-float select { background:var(--surface-raised); border-color:var(--border); }
:root[data-theme="light"] #nav-sidebar a,:root[data-theme="light"] #changelist-filter a,:root[data-theme="light"] .module a,:root[data-theme="light"] .breadcrumbs a,:root[data-theme="light"] .object-tools a,:root[data-theme="light"] #content-related a{color:#173d6b;font-weight:700}:root[data-theme="light"] #nav-sidebar .current-model,:root[data-theme="light"] #changelist-filter li.selected a,:root[data-theme="light"] .module caption,:root[data-theme="light"] table thead th{color:#172b4d}:root[data-theme="light"] #nav-sidebar th,:root[data-theme="light"] #changelist-filter h2,:root[data-theme="light"] .help,:root[data-theme="light"] p.help{color:#405675}:root[data-theme="light"] #header a,:root[data-theme="light"] div.breadcrumbs a{color:#fff}
:root[data-theme="dark"] body { color:var(--text); background:var(--surface-subtle); }:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea { color:var(--text); background-color:var(--surface-raised); border-color:var(--border); }
:root[data-theme="dark"] .form-panel { background:var(--surface); }:root[data-theme="dark"] .auth-form input,:root[data-theme="dark"] .secret,:root[data-theme="dark"] .recovery-grid code { color:var(--text); background:var(--surface-raised); border-color:var(--border); }:root[data-theme="dark"] .button.secondary { color:var(--brand); background:var(--surface-raised); }:root[data-theme="dark"] .alert { color:var(--text); background:var(--danger-surface); }
/* Django administration: its stock stylesheet has fixed light surfaces, so it
   needs explicit tokens in addition to the general application theme. */
:root[data-theme="dark"]{--primary:#6aaee8;--secondary:#9bcaf4;--accent:#b4e368;--primary-fg:#071b31;--body-fg:#f7fafc;--body-bg:#0a1220;--body-quiet-color:#c2cfdd;--body-loud-color:#fff;--header-color:#fff;--header-branding-color:#fff;--header-bg:#0c355c;--header-link-color:#fff;--breadcrumbs-fg:#d8e9fb;--breadcrumbs-link-fg:#fff;--breadcrumbs-bg:#0b3154;--link-fg:#9bcaf4;--link-hover-color:#c8e4ff;--link-selected-fg:#b4e368;--hairline-color:#40536b;--border-color:#40536b;--error-fg:#ffb4ab;--message-success-bg:#173b31;--message-warning-bg:#4a3711;--message-error-bg:#512128;--darkened-bg:#17263b;--selected-bg:#1b3551;--selected-row:#213d5c;--close-button-bg:#40536b;--close-button-hover-bg:#526b88}
:root[data-theme="dark"] #header{background:#0c355c}:root[data-theme="dark"] div.breadcrumbs{background:#0b3154}:root[data-theme="dark"] .module,:root[data-theme="dark"] #changelist-filter,:root[data-theme="dark"] .inline-group,:root[data-theme="dark"] fieldset,:root[data-theme="dark"] .submit-row{border-color:#40536b;background:#17263b}:root[data-theme="dark"] .module h2,:root[data-theme="dark"] .module caption,:root[data-theme="dark"] .inline-group h2,:root[data-theme="dark"] table thead th,:root[data-theme="dark"] #changelist-filter h2{color:#f7fafc;background:#20324a}:root[data-theme="dark"] #changelist-filter li.selected{border-left-color:#b4e368;background:#20324a}:root[data-theme="dark"] #changelist-filter li.selected a{color:#fff}:root[data-theme="dark"] tr:nth-child(even),:root[data-theme="dark"] .row-form-errors{background:#1c2b42}:root[data-theme="dark"] tr:hover,:root[data-theme="dark"] tr:hover td,:root[data-theme="dark"] tr:hover th{background:#243b58}:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .vTextField,:root[data-theme="dark"] .vLargeTextField{color:#f7fafc!important;border-color:#526b88!important;background:#111e30!important}:root[data-theme="dark"] input:focus,:root[data-theme="dark"] select:focus,:root[data-theme="dark"] textarea:focus{border-color:#9bcaf4!important;box-shadow:0 0 0 3px #6aaee844}:root[data-theme="dark"] .help,:root[data-theme="dark"] p.help,:root[data-theme="dark"] .quiet,:root[data-theme="dark"] .helptext{color:#c2cfdd}:root[data-theme="dark"] .calendarbox,:root[data-theme="dark"] .clockbox{border-color:#40536b;background:#17263b}:root[data-theme="dark"] .calendar td a,:root[data-theme="dark"] .calendar th,:root[data-theme="dark"] .clockbox h2{color:#f7fafc}:root[data-theme="dark"] .calendar td.selected a{color:#071b31;background:#b4e368}:root[data-theme="dark"] .object-tools a,:root[data-theme="dark"] .button,:root[data-theme="dark"] input[type=submit],:root[data-theme="dark"] input[type=button],:root[data-theme="dark"] .submit-row input{color:#071b31;background:#6aaee8}:root[data-theme="dark"] .object-tools a:hover,:root[data-theme="dark"] .button:hover,:root[data-theme="dark"] input[type=submit]:hover{background:#9bcaf4}:root[data-theme="dark"] .deletelink,:root[data-theme="dark"] .deletelink-box a{color:#fff!important;background:#9c2634!important}:root[data-theme="dark"] .errornote,:root[data-theme="dark"] ul.errorlist{color:#ffd7d2;border-color:#ffb4ab;background:#512128}:root[data-theme="dark"] .messagelist .success{color:#d5f7df;background:#173b31}:root[data-theme="dark"] .messagelist .warning{color:#ffecbe;background:#4a3711}:root[data-theme="dark"] .paginator,:root[data-theme="dark"] .actions{color:#d8e9fb;background:#0c355c}:root[data-theme="dark"] .paginator a:link,:root[data-theme="dark"] .paginator a:visited{color:#fff}:root[data-theme="dark"] .admin-theme select{color:#fff;background:#0b3154}