:root {
  --brand-primary: #1098e8;
  --brand-primary-hover: #0a78d3;
  --brand-primary-soft: #e8f5ff;
  --brand-primary-border: #b7ddff;
  --brand-primary-ink: #0a3b78;
  --brand-accent: #ff6b00;
  --brand-accent-hover: #e85f00;
  --brand-sidebar-start: #061329;
  --brand-sidebar-end: #081b3d;
  --brand-sidebar-ink: #edf6ff;
  --brand-sidebar-muted: #a9c2e8;
  --brand-surface-alt: #f2f8ff;
}

.bg-blue-50 {
  background-color: var(--brand-primary-soft) !important;
}

.bg-blue-100 {
  background-color: #d6ecff !important;
}

.bg-blue-600 {
  background-color: var(--brand-primary) !important;
}

.hover\:bg-blue-700:hover {
  background-color: var(--brand-primary-hover) !important;
}

.border-blue-100 {
  border-color: #d9eaff !important;
}

.border-blue-200 {
  border-color: var(--brand-primary-border) !important;
}

.border-blue-500,
.focus\:border-blue-500:focus {
  border-color: var(--brand-primary) !important;
}

.text-blue-600 {
  color: var(--brand-primary) !important;
}

.text-blue-700,
.hover\:text-blue-700:hover,
.group:hover .group-hover\:text-blue-700 {
  color: var(--brand-primary-ink) !important;
}

.text-blue-800,
.hover\:text-blue-800:hover {
  color: #08407f !important;
}

.text-blue-900,
.hover\:text-blue-900:hover {
  color: #072d5b !important;
}

.focus\:ring-blue-200:focus {
  --tw-ring-color: rgba(16, 152, 232, 0.24) !important;
}

.focus\:ring-blue-300:focus {
  --tw-ring-color: rgba(16, 152, 232, 0.3) !important;
}

.focus\:ring-blue-500:focus,
.focus\:ring-blue-600:focus {
  --tw-ring-color: rgba(16, 152, 232, 0.42) !important;
}

.from-blue-500,
.from-blue-600 {
  --tw-gradient-from: #19a2ed var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(25, 162, 237, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-blue-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #1098e8 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.to-blue-500,
.to-cyan-500,
.to-cyan-600 {
  --tw-gradient-to: #0a78d3 var(--tw-gradient-to-position) !important;
}

.shadow-\[0_8px_20px_rgba\(37\2c_99\2c_235\2c_0\.35\)\] {
  --tw-shadow: 0 8px 20px rgba(16, 152, 232, 0.35) !important;
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color) !important;
}