:root,
[data-bs-theme=light] {
  color-scheme: light;
  --crm-primary: #6558f5;
  --crm-primary-rgb: 101, 88, 245;
  --crm-secondary: #20c7c5;
  --crm-secondary-rgb: 32, 199, 197;
  --crm-accent: #ff6692;
  --crm-success: #27b77a;
  --crm-warning: #f3b63f;
  --crm-danger: #ed5b67;
  --crm-info: #35a9d8;
  --crm-page: #f4f7fc;
  --crm-surface: #fff;
  --crm-surface-muted: #f8f9fd;
  --crm-text: #27324a;
  --crm-text-muted: #8c96aa;
  --crm-border: #e9edf5;
  --crm-sidebar-width: 232px;
  --crm-rail-width: 72px;
  --crm-header-height: 64px;
  --crm-radius-sm: 10px;
  --crm-radius: 14px;
  --crm-radius-lg: 18px;
  --crm-shadow-sm: 0 2px 7px rgb(35 50 87 / 4%);
  --crm-shadow: 0 5px 18px rgb(35 50 87 / 5%);
  --crm-transition: 180ms ease;
  --bs-primary: var(--crm-primary);
  --bs-primary-rgb: var(--crm-primary-rgb);
  --bs-secondary: #72809b;
  --bs-secondary-rgb: 114, 128, 155;
  --bs-success: var(--crm-success);
  --bs-success-rgb: 39, 183, 122;
  --bs-warning: var(--crm-warning);
  --bs-warning-rgb: 243, 182, 63;
  --bs-danger: var(--crm-danger);
  --bs-danger-rgb: 237, 91, 103;
  --bs-info: var(--crm-info);
  --bs-info-rgb: 53, 169, 216;
  --bs-body-bg: var(--crm-page);
  --bs-body-color: var(--crm-text);
  --bs-body-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bs-border-color: var(--crm-border);
  --bs-border-radius: var(--crm-radius-sm);
  --bs-border-radius-lg: var(--crm-radius);
  --bs-link-color: var(--crm-primary);
  --bs-link-hover-color: #5145da;
  --bs-focus-ring-color: rgb(var(--crm-primary-rgb) / 25%);
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --crm-page: #151a27;
  --crm-surface: #202738;
  --crm-surface-muted: #252d3f;
  --crm-text: #e7eaf3;
  --crm-text-muted: #a2abc0;
  --crm-border: #343c50;
  --crm-shadow-sm: 0 2px 7px rgb(0 0 0 / 14%);
  --crm-shadow: 0 5px 18px rgb(0 0 0 / 16%);
  --bs-body-bg: var(--crm-page);
  --bs-body-color: var(--crm-text);
  --bs-border-color: var(--crm-border);
  --bs-tertiary-bg: var(--crm-surface-muted);
  --bs-secondary-bg: var(--crm-surface);
  --bs-dropdown-bg: var(--crm-surface);
  --bs-dropdown-link-color: var(--crm-text);
  --bs-dropdown-link-hover-bg: var(--crm-surface-muted);
  --bs-dropdown-border-color: var(--crm-border);
  --bs-modal-bg: var(--crm-surface);
  --bs-modal-color: var(--crm-text);
  --bs-card-bg: var(--crm-surface);
}

.btn-primary {
  --bs-btn-bg: var(--crm-primary);
  --bs-btn-border-color: var(--crm-primary);
  --bs-btn-hover-bg: #5145da;
  --bs-btn-hover-border-color: #5145da;
  --bs-btn-active-bg: #4439c4;
  --bs-btn-active-border-color: #4439c4;
  --bs-btn-focus-shadow-rgb: var(--crm-primary-rgb);
}

.btn-outline-primary {
  --bs-btn-color: var(--crm-primary);
  --bs-btn-border-color: var(--crm-primary);
  --bs-btn-hover-bg: var(--crm-primary);
  --bs-btn-hover-border-color: var(--crm-primary);
  --bs-btn-active-bg: #5145da;
}

.form-control:focus,
.form-select:focus {
  border-color: rgb(var(--crm-primary-rgb)/52%);
  box-shadow: 0 0 0 0.25rem rgb(var(--crm-primary-rgb)/13%);
}