:root,
:root[data-theme="dark"],
body[data-theme="dark"] {
  color-scheme: dark;
  --bb-page: #101820;
  --bb-page-soft: #17212c;
  --bb-page-glow: rgba(45, 156, 219, 0.16);
  --bb-surface: #17212c;
  --bb-surface-soft: #202c38;
  --bb-surface-strong: #141d27;
  --bb-sidebar: #151f29;
  --bb-brand: #0f1720;
  --bb-border: #334253;
  --bb-border-soft: rgba(203, 213, 225, 0.12);
  --bb-border-strong: #2d9cdb;
  --bb-text: #f4f7fb;
  --bb-muted: #a8b3c2;
  --bb-accent: #2d9cdb;
  --bb-accent-strong: #1f6feb;
  --bb-blue: #2d9cdb;
  --bb-blue-strong: #1f6feb;
  --bb-accent-soft: rgba(45, 156, 219, 0.15);
  --bb-cyan: #22c7e8;
  --bb-yellow: #ffc107;
  --bb-green: #20c997;
  --bb-red: #f04452;
  --bb-shadow: 0 10px 32px rgba(0, 0, 0, 0.18);
  --bb-soft-hover: rgba(255, 255, 255, 0.08);
  --bb-soft-active: #1f6feb;
  --bb-routine-card: #1b2632;
  --bb-routine-card-border: #334253;
  --bb-table-bg: #151e28;
  --bb-table-head: #1d2834;
  --bb-table-row-hover: #202c38;
  --bb-row-head: #1d2834;
  --bb-field-bg: #101820;
  --bb-field-border: #334253;
  --bb-field-icon: #a8b3c2;
  --bb-topbar-bg: rgba(255, 255, 255, 0.04);
  --bb-topbar-border: #334253;
  --bb-topbar-text: #dce6f1;
  --bb-card: rgba(23, 31, 40, 0.94);
  --bb-card-edge: rgba(255, 255, 255, 0.06);
  --bb-toggle-bg: rgba(255, 255, 255, 0.06);
  --bb-success-soft: rgba(16, 185, 129, 0.14);
  --bb-success: #34d399;
  --bb-routine-cell: #1f5366;
  --bb-routine-cell-hover: #246176;
  --bb-routine-cell-text: #cfefff;
  --bb-file-cell: #5b4b1d;
  --bb-file-cell-hover: #675623;
  --bb-file-cell-text: #fff3d1;
  --bb-linked-cell: #123d68;
  --bb-linked-cell-text: #c9f3ff;
}

:root[data-theme="light"],
body[data-theme="light"] {
  color-scheme: light;
  --bb-page: #dce6ef;
  --bb-page-soft: #e7eef4;
  --bb-page-glow: rgba(40, 111, 153, 0.12);
  --bb-surface: #eef3f7;
  --bb-surface-soft: #e2eaf1;
  --bb-surface-strong: #eef3f7;
  --bb-sidebar: #e7eef4;
  --bb-brand: #22364a;
  --bb-border: #b9c8d5;
  --bb-border-soft: #cbd7e1;
  --bb-border-strong: #286f99;
  --bb-text: #1b2a3a;
  --bb-muted: #5c7082;
  --bb-accent: #286f99;
  --bb-accent-strong: #245fc4;
  --bb-blue: #286f99;
  --bb-blue-strong: #245fc4;
  --bb-accent-soft: rgba(40, 111, 153, 0.13);
  --bb-cyan: #087da9;
  --bb-yellow: #9a7000;
  --bb-green: #137758;
  --bb-red: #b83344;
  --bb-shadow: 0 10px 25px rgba(42, 65, 84, 0.1);
  --bb-soft-hover: rgba(40, 111, 153, 0.1);
  --bb-soft-active: #245fc4;
  --bb-routine-card: #eef3f7;
  --bb-routine-card-border: #b9c8d5;
  --bb-table-bg: #eef3f7;
  --bb-table-head: #e2eaf1;
  --bb-table-row-hover: #e7eef4;
  --bb-row-head: #e2eaf1;
  --bb-field-bg: #e8eef3;
  --bb-field-border: #b9c8d5;
  --bb-field-icon: #5c7082;
  --bb-topbar-bg: #e7eef4;
  --bb-topbar-border: #b9c8d5;
  --bb-topbar-text: #31465a;
  --bb-card: rgba(238, 243, 247, 0.96);
  --bb-card-edge: rgba(27, 42, 58, 0.05);
  --bb-toggle-bg: #e2eaf1;
  --bb-success-soft: rgba(19, 119, 88, 0.12);
  --bb-success: #137758;
  --bb-routine-cell: #c9e0e8;
  --bb-routine-cell-hover: #bad8e3;
  --bb-routine-cell-text: #174a5d;
  --bb-file-cell: #e9dfbd;
  --bb-file-cell-hover: #ded1a7;
  --bb-file-cell-text: #655019;
  --bb-linked-cell: #cbddef;
  --bb-linked-cell-text: #234f77;
}

.swal2-popup {
  background: var(--bb-surface) !important;
  color: var(--bb-text) !important;
  border: 1px solid var(--bb-border);
}

.swal2-title,
.swal2-html-container {
  color: var(--bb-text) !important;
}

.swal2-cancel {
  background: var(--bb-surface-soft) !important;
  color: var(--bb-text) !important;
  border: 1px solid var(--bb-border) !important;
}