:root,
[data-bs-theme="light"] {
  color-scheme: light;
  --bs-primary: #0a84ff;
  --bs-primary-rgb: 10, 132, 255;
  --bs-body-font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --bs-body-bg: #edf3fb;
  --bs-body-color: #0f192b;
  --bs-emphasis-color: #0b1221;
  --bs-secondary-color: #5d6981;
  --bs-tertiary-color: #8894ab;
  --bs-border-color: rgba(21, 36, 64, 0.14);
  --bs-border-color-translucent: rgba(21, 36, 64, 0.1);
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #006fe0;
  --bs-card-bg: rgba(255, 255, 255, 0.92);
  --bs-card-border-color: rgba(21, 36, 64, 0.1);
  --bs-box-shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.06);
  --bs-box-shadow: 0 18px 54px rgba(15, 23, 42, 0.12);
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.24);
  --text: var(--bs-body-color);
  --muted: var(--bs-secondary-color);
  --muted-2: var(--bs-tertiary-color);
  --accent: var(--bs-primary);
  --accent-strong: #006fe0;
  --accent-soft: rgba(var(--bs-primary-rgb), 0.14);
  --success: #29b36a;
  --surface: #ffffff;
  --surface-strong: #f3f7fe;
  --chip-bg: #f1f6fc;
  --tab-bg: rgba(255, 255, 255, 0.9);
  --tab-active: rgba(var(--bs-primary-rgb), 0.14);
  --list-hover: rgba(10, 30, 62, 0.05);
  --scrim: rgba(8, 14, 28, 0.3);
  --shell-border: rgba(21, 36, 64, 0.1);
  --chrome-bg: rgba(248, 251, 255, 0.82);
  --shadow: 0 32px 82px rgba(15, 23, 42, 0.16), 0 12px 30px rgba(15, 23, 42, 0.1);
  --shadow-content: 0 10px 30px rgba(15, 23, 42, 0.07);
  --chrome-blur: blur(18px);
  --tab-blur: blur(18px);
  --status-active: #159364;
  --status-completed: #2a8fdb;
  --status-frozen: #b58b2d;
  --status-archive: #7a869e;
  --status-inactive: #8d6bb0;
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-primary: #7db8ff;
  --bs-primary-rgb: 125, 184, 255;
  --bs-body-font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --bs-body-bg: #0d1524;
  --bs-body-color: #dbe6f8;
  --bs-emphasis-color: #edf2ff;
  --bs-secondary-color: #a8b6cf;
  --bs-tertiary-color: #8795ae;
  --bs-border-color: rgba(225, 236, 255, 0.12);
  --bs-border-color-translucent: rgba(225, 236, 255, 0.09);
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #a3ceff;
  --bs-card-bg: rgba(20, 29, 46, 0.86);
  --bs-card-border-color: rgba(214, 228, 255, 0.11);
  --bs-box-shadow-sm: 0 8px 22px rgba(2, 6, 16, 0.42);
  --bs-box-shadow: 0 20px 56px rgba(2, 6, 16, 0.58);
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.3);
  --text: var(--bs-body-color);
  --muted: var(--bs-secondary-color);
  --muted-2: var(--bs-tertiary-color);
  --accent: var(--bs-primary);
  --accent-strong: #9ac8ff;
  --accent-soft: rgba(var(--bs-primary-rgb), 0.2);
  --success: #52d5a1;
  --surface: #182236;
  --surface-strong: #1f2b42;
  --chip-bg: rgba(232, 240, 255, 0.1);
  --tab-bg: rgba(11, 18, 32, 0.84);
  --tab-active: rgba(var(--bs-primary-rgb), 0.2);
  --list-hover: rgba(236, 244, 255, 0.07);
  --scrim: rgba(2, 6, 14, 0.58);
  --shell-border: rgba(232, 240, 255, 0.13);
  --chrome-bg: rgba(12, 19, 33, 0.8);
  --shadow: 0 34px 90px rgba(2, 6, 14, 0.58), 0 14px 34px rgba(2, 6, 14, 0.5);
  --shadow-content: 0 12px 28px rgba(2, 6, 14, 0.4);
  --chrome-blur: blur(20px);
  --tab-blur: blur(20px);
  --status-active: #4fd4a1;
  --status-completed: #7ebfff;
  --status-frozen: #e1ba62;
  --status-archive: #a4b0c6;
  --status-inactive: #bca0dc;
}

body.app-body {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

[data-bs-theme="light"] body.app-body {
  background-image:
    radial-gradient(120% 95% at 4% 0%, rgba(143, 186, 255, 0.27) 0%, rgba(143, 186, 255, 0) 52%),
    radial-gradient(100% 90% at 96% 10%, rgba(162, 235, 255, 0.22) 0%, rgba(162, 235, 255, 0) 55%),
    radial-gradient(88% 90% at 52% 100%, rgba(205, 194, 255, 0.2) 0%, rgba(205, 194, 255, 0) 62%),
    linear-gradient(165deg, #f4f7fc 0%, #edf2f8 52%, #e8eef6 100%);
}

[data-bs-theme="dark"] body.app-body {
  background-image:
    radial-gradient(120% 115% at 2% 0%, rgba(74, 122, 224, 0.3) 0%, rgba(74, 122, 224, 0) 50%),
    radial-gradient(96% 90% at 96% 12%, rgba(109, 91, 224, 0.2) 0%, rgba(109, 91, 224, 0) 56%),
    radial-gradient(86% 92% at 54% 100%, rgba(42, 89, 172, 0.3) 0%, rgba(42, 89, 172, 0) 60%),
    linear-gradient(165deg, #0a111e 0%, #0d1627 50%, #101c30 100%);
}