:root,
[data-bs-theme="dark"] {
  color-scheme: dark;
  --app-body-bg: #0b111a;
  --app-header-bg: #0f141c;
  --app-surface-0: #0f141c;
  --app-surface-1: #101722;
  --app-surface-2: #101c2d;
  --app-button-bg: #12151c99;
  --app-surface-hover: #162235;
  --app-text-primary: #edf5ff;
  --app-text-secondary: #c2d4eb;
  --app-text-muted: #9bb6d8;
  --app-border: #33455e;
  --app-border-strong: #3a567f;
  --app-accent: #7cb4ff;
  --app-accent-strong: #2d5f9e;
  --app-danger: #d74646;
  --app-success: #2f9f62;
  --app-nav-active-bg: rgba(18, 28, 42, 0.94);
  --app-indicator-border: rgba(223, 240, 255, 0.55);
  --app-indicator-shadow: rgba(95, 168, 255, 0.35);
  --app-danger-indicator-shadow: rgba(215, 70, 70, 0.35);
  --app-accent-soft: #99c8ff;
  --app-loader-bg: rgba(18, 18, 18, 0.9);
  --app-spinner-track: #333333;
  --app-spinner-head: #ffffff;
  --app-scroll-track: #1a1a1a;
  --app-scroll-thumb: #4a4a4a;
  --app-scroll-thumb-hover: #666666;
  --app-chip-bg: #203955;
  --app-chip-border: #4b709e;
  --app-chip-remove: #ff5b5b;
  --app-chip-remove-hover: #ff2f2f;
  --app-locator-frame-border: #111926;
  --app-locator-frame-bg: linear-gradient(145deg, #131c2a 0%, #182436 45%, #1b2a3f 100%);
  --app-locator-map-border: #1f2d42;
  --app-locator-list-header-bg: linear-gradient(180deg, #111d2f, #1a2a44);
  --app-locator-list-header-border: #263956;
  --app-locator-item-bg: linear-gradient(180deg, #1a2638, #172233);
  --app-locator-item-border: #24344d;
  --app-locator-item-hover-bg: #21324a;
  --app-locator-item-hover-border: #314d73;
  --app-locator-item-active-border: #38a0ff;
  --app-locator-title: #eff6ff;
  --app-locator-text: #dbe8fa;
  --app-locator-muted: #9fb4ce;
  --app-locator-empty: #94b1d8;
  --app-locator-empty-icon: #78aff0;
  --app-locator-chip-neutral: #b5d0f3;
  --app-locator-belongs-bg: #274233;
  --app-locator-belongs-border: #4f8862;
  --app-locator-belongs-text: #b8efc8;
  --app-locator-missing-bg: #4a3720;
  --app-locator-missing-border: #8a6537;
  --app-locator-missing-text: #ffd99e;
  --app-map-hud-bg: rgba(18, 30, 49, 0.78);
  --app-map-hud-border: rgba(255, 255, 255, 0.15);
  --app-notif-btn-bg: linear-gradient(180deg, #17324f 0%, #132841 100%);
  --app-notif-btn-border: #2d5f9e;
  --app-notif-btn-text: #dbe8fa;
  --app-notif-btn-hover-border: #4f85c4;
  --app-notif-badge-bg: #ff4d4c;
  --app-notif-badge-border: #3d0b0b;
  --app-notif-badge-text: #ffffff;
  --app-notif-stack-bg: linear-gradient(180deg, #101d30 0%, #0d1828 100%);
  --app-notif-stack-border: #27476f;
  --app-notif-item-bg: #132235;
  --app-notif-item-border: #243b5a;
  --app-notif-item-hover-bg: #152944;
  --app-notif-item-hover-border: #3b72ac;
  --app-notif-divider: #203a5c;
  --app-notif-text: #e7eef9;
  --app-notif-muted: #9bb5d7;
  --app-notif-time: #7d9cc4;
  --app-notif-action-bg: rgba(20, 36, 57, 0.75);
  --app-home-shell-tint-opacity-start: 0.24;
  --app-home-shell-tint-opacity-end: 0.14;
}

[data-bs-theme="light"] {
  color-scheme: light;
  --app-body-bg: #f2f7ff;
  --app-header-bg: #e7effb;
  --app-surface-0: #ffffff;
  --app-surface-1: #f4f8ff;
  --app-surface-2: #edf4ff;
  --app-button-bg: rgba(229, 239, 253, 0.85);
  --app-surface-hover: #e0ecff;
  --app-text-primary: #1a2a3f;
  --app-text-secondary: #2b4463;
  --app-text-muted: #5f7796;
  --app-border: #b9cde8;
  --app-border-strong: #96b6de;
  --app-accent: #2e6db8;
  --app-accent-strong: #1f5a9d;
  --app-danger: #ba3d3d;
  --app-success: #2f8a57;
  --app-nav-active-bg: rgba(210, 226, 248, 0.95);
  --app-indicator-border: rgba(26, 42, 63, 0.28);
  --app-indicator-shadow: rgba(46, 109, 184, 0.28);
  --app-danger-indicator-shadow: rgba(186, 61, 61, 0.28);
  --app-accent-soft: #3a7ccb;
  --app-loader-bg: rgba(232, 240, 251, 0.92);
  --app-spinner-track: #b4c6de;
  --app-spinner-head: #2e6db8;
  --app-scroll-track: #deebfb;
  --app-scroll-thumb: #9cb8de;
  --app-scroll-thumb-hover: #7ea2d1;
  --app-chip-bg: #d7e7ff;
  --app-chip-border: #8daed9;
  --app-chip-remove: #b53f3f;
  --app-chip-remove-hover: #8f2f2f;
  --app-locator-frame-border: #b9cde8;
  --app-locator-frame-bg: linear-gradient(145deg, #f6faff 0%, #eff5ff 45%, #e7effb 100%);
  --app-locator-map-border: #bfd2ed;
  --app-locator-list-header-bg: linear-gradient(180deg, #edf4ff, #e5efff);
  --app-locator-list-header-border: #bfd2eb;
  --app-locator-item-bg: linear-gradient(180deg, #ffffff, #f5f9ff);
  --app-locator-item-border: #d0deef;
  --app-locator-item-hover-bg: #e9f1fe;
  --app-locator-item-hover-border: #a9c4e6;
  --app-locator-item-active-border: #2e6db8;
  --app-locator-title: #1a2a3f;
  --app-locator-text: #2a4463;
  --app-locator-muted: #4f6d91;
  --app-locator-empty: #4d6f97;
  --app-locator-empty-icon: #2e6db8;
  --app-locator-chip-neutral: #5d7ca2;
  --app-locator-belongs-bg: #dff2e7;
  --app-locator-belongs-border: #8cc4a0;
  --app-locator-belongs-text: #275a3a;
  --app-locator-missing-bg: #fff0dc;
  --app-locator-missing-border: #ddb27a;
  --app-locator-missing-text: #7a5427;
  --app-map-hud-bg: rgba(240, 246, 255, 0.92);
  --app-map-hud-border: rgba(46, 109, 184, 0.28);
  --app-notif-btn-bg: linear-gradient(180deg, #e4efff 0%, #d9e8fc 100%);
  --app-notif-btn-border: #8faede;
  --app-notif-btn-text: #1f3a59;
  --app-notif-btn-hover-border: #6f93c8;
  --app-notif-badge-bg: #dc4b4b;
  --app-notif-badge-border: #7f2222;
  --app-notif-badge-text: #ffffff;
  --app-notif-stack-bg: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
  --app-notif-stack-border: #b7cde9;
  --app-notif-item-bg: #ffffff;
  --app-notif-item-border: #c9daef;
  --app-notif-item-hover-bg: #eff5ff;
  --app-notif-item-hover-border: #9ebbe0;
  --app-notif-divider: #d4e2f2;
  --app-notif-text: #1f3753;
  --app-notif-muted: #59779c;
  --app-notif-time: #6c88ab;
  --app-notif-action-bg: rgba(225, 236, 250, 0.7);
  --app-home-shell-tint-opacity-start: 0.14;
  --app-home-shell-tint-opacity-end: 0.06;
}