:root {
  /* Primary: #b4d4ff (light sky blue - accent/highlight color) */
  --color-primary: #b4d4ff;
  --bs-primary-rgb: 180, 212, 255;
  --color-primary-: #b4d4ff;
  --bs-primary--rgb: 180, 212, 255;
  --color-primary-10: rgb(252.75, 253.71, 255);
  --bs-primary-10-rgb: 253, 254, 255;
  --color-primary-25: rgb(251.25, 252.85, 255);
  --bs-primary-25-rgb: 251, 253, 255;
  --color-primary-50: rgb(247.5, 250.7, 255);
  --bs-primary-50-rgb: 248, 251, 255;
  --color-primary-100: rgb(240, 246.4, 255);
  --bs-primary-100-rgb: 240, 246, 255;
  --color-primary-200: rgb(225, 237.8, 255);
  --bs-primary-200-rgb: 225, 238, 255;
  --color-primary-300: rgb(210, 229.2, 255);
  --bs-primary-300-rgb: 210, 229, 255;
  --color-primary-400: rgb(195, 220.6, 255);
  --bs-primary-400-rgb: 195, 221, 255;
  --color-primary-500: #b4d4ff;
  --bs-primary-500-rgb: 180, 212, 255;
  --color-primary-600: rgb(144, 169.6, 204);
  --bs-primary-600-rgb: 144, 170, 204;
  --color-primary-700: rgb(108, 127.2, 153);
  --bs-primary-700-rgb: 108, 127, 153;
  --color-primary-800: rgb(72, 84.8, 102);
  --bs-primary-800-rgb: 72, 85, 102;
  --color-primary-900: rgb(36, 42.4, 51);
  --bs-primary-900-rgb: 36, 42, 51;
  --color-primary-950: rgb(18, 21.2, 25.5);
  --bs-primary-950-rgb: 18, 21, 26;

  /* Tertiary: #090085 (deep blue - backgrounds) */
  --color-tertiary: #090085;
  --bs-tertiary-rgb: 9, 0, 133;
  --color-tertiary-: #090085;
  --bs-tertiary--rgb: 9, 0, 133;
  --color-tertiary-10: rgb(247.62, 247.35, 251.34);
  --bs-tertiary-10-rgb: 248, 247, 251;
  --color-tertiary-25: rgb(242.7, 242.25, 248.9);
  --bs-tertiary-25-rgb: 243, 242, 249;
  --color-tertiary-50: rgb(230.4, 229.5, 242.8);
  --bs-tertiary-50-rgb: 230, 230, 243;
  --color-tertiary-100: rgb(205.8, 204, 230.6);
  --bs-tertiary-100-rgb: 206, 204, 231;
  --color-tertiary-200: rgb(156.6, 153, 206.2);
  --bs-tertiary-200-rgb: 157, 153, 206;
  --color-tertiary-300: rgb(107.4, 102, 181.8);
  --bs-tertiary-300-rgb: 107, 102, 182;
  --color-tertiary-400: rgb(58.2, 51, 157.4);
  --bs-tertiary-400-rgb: 58, 51, 157;
  --color-tertiary-500: #090085;
  --bs-tertiary-500-rgb: 9, 0, 133;
  --color-tertiary-600: rgb(7.2, 0, 106.4);
  --bs-tertiary-600-rgb: 7, 0, 106;
  --color-tertiary-700: rgb(5.4, 0, 79.8);
  --bs-tertiary-700-rgb: 5, 0, 80;
  --color-tertiary-800: rgb(3.6, 0, 53.2);
  --bs-tertiary-800-rgb: 4, 0, 53;
  --color-tertiary-900: rgb(1.8, 0, 26.6);
  --bs-tertiary-900-rgb: 2, 0, 27;
  --color-tertiary-950: rgb(0.9, 0, 13.3);
  --bs-tertiary-950-rgb: 1, 0, 13;

  /* Secondary: #e7edf3 (cool blue-gray - light backgrounds) */
  --color-secondary: #e7edf3;
  --bs-secondary-rgb: 231, 237, 243;
  --color-secondary-: #e7edf3;
  --bs-secondary--rgb: 231, 237, 243;
  --color-secondary-10: rgb(254.28, 254.46, 254.64);
  --bs-secondary-10-rgb: 254, 254, 255;
  --color-secondary-25: rgb(253.8, 254.1, 254.4);
  --bs-secondary-25-rgb: 254, 254, 254;
  --color-secondary-50: rgb(252.6, 253.2, 253.8);
  --bs-secondary-50-rgb: 253, 253, 254;
  --color-secondary-100: rgb(250.2, 251.4, 252.6);
  --bs-secondary-100-rgb: 250, 251, 253;
  --color-secondary-200: rgb(245.4, 247.8, 250.2);
  --bs-secondary-200-rgb: 245, 248, 250;
  --color-secondary-300: rgb(240.6, 244.2, 247.8);
  --bs-secondary-300-rgb: 241, 244, 248;
  --color-secondary-400: rgb(235.8, 240.6, 245.4);
  --bs-secondary-400-rgb: 236, 241, 245;
  --color-secondary-500: #e7edf3;
  --bs-secondary-500-rgb: 231, 237, 243;
  --color-secondary-600: rgb(184.8, 189.6, 194.4);
  --bs-secondary-600-rgb: 185, 190, 194;
  --color-secondary-700: rgb(138.6, 142.2, 145.8);
  --bs-secondary-700-rgb: 139, 142, 146;
  --color-secondary-800: rgb(92.4, 94.8, 97.2);
  --bs-secondary-800-rgb: 92, 95, 97;
  --color-secondary-900: rgb(46.2, 47.4, 48.6);
  --bs-secondary-900-rgb: 46, 47, 49;
  --color-secondary-950: rgb(23.1, 23.7, 24.3);
  --bs-secondary-950-rgb: 23, 24, 24;
}

/* === Gradient overrides === */

.from-primary {
  --uc-gradient-from: #b4d4ff;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.to-primary-25 { --uc-gradient-to: rgb(251.25, 252.85, 255); }
.to-primary-100 { --uc-gradient-to: rgb(240, 246.4, 255); }
.to-primary-700 { --uc-gradient-to: rgb(108, 127.2, 153); }
.to-primary-800 { --uc-gradient-to: rgb(72, 84.8, 102); }

:where(.uc-dark) .dark\:from-primary-700 {
  --uc-gradient-from: rgb(108, 127.2, 153) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}

.from-secondary {
  --uc-gradient-from: #e7edf3;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}

.to-tertiary { --uc-gradient-to: #090085; }
.from-tertiary {
  --uc-gradient-from: #090085;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.from-tertiary-200 {
  --uc-gradient-from: rgb(156.6, 153, 206.2);
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
.from-tertiary-600 {
  --uc-gradient-from: rgb(7.2, 0, 106.4);
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}

:where(.uc-dark) .dark\:to-tertiary { --uc-gradient-to: #090085 !important; }
:where(.uc-dark) .dark\:from-tertiary-200 {
  --uc-gradient-from: rgb(156.6, 153, 206.2) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
:where(.uc-dark) .dark\:from-tertiary-700 {
  --uc-gradient-from: rgb(5.4, 0, 79.8) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}
:where(.uc-dark) .dark\:to-tertiary-800 { --uc-gradient-to: rgb(3.6, 0, 53.2) !important; }
:where(.uc-dark) .dark\:from-tertiary-800 {
  --uc-gradient-from: rgb(3.6, 0, 53.2) !important;
  --uc-gradient-stops: var(--uc-gradient-from), var(--uc-gradient-to);
}

/* === Button overrides === */

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #b4d4ff;
  --bs-btn-border-color: #b4d4ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(144, 169.6, 204);
  --bs-btn-hover-border-color: rgb(144, 169.6, 204);
  --bs-btn-focus-shadow-rgb: 195, 221, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(108, 127.2, 153);
  --bs-btn-active-border-color: rgb(108, 127.2, 153);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #b4d4ff;
  --bs-btn-disabled-border-color: #b4d4ff;
}

.btn-primary-200 {
  --bs-btn-color: #000;
  --bs-btn-bg: rgb(225, 237.8, 255);
  --bs-btn-border-color: rgb(225, 237.8, 255);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210, 229.2, 255);
  --bs-btn-hover-border-color: rgb(210, 229.2, 255);
  --bs-btn-focus-shadow-rgb: 240, 246, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(195, 220.6, 255);
  --bs-btn-active-border-color: rgb(195, 220.6, 255);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(225, 237.8, 255);
  --bs-btn-disabled-border-color: rgb(225, 237.8, 255);
}

.btn-primary-700 {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(108, 127.2, 153);
  --bs-btn-border-color: rgb(108, 127.2, 153);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(72, 84.8, 102);
  --bs-btn-hover-border-color: rgb(72, 84.8, 102);
  --bs-btn-focus-shadow-rgb: 144, 170, 204;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(36, 42.4, 51);
  --bs-btn-active-border-color: rgb(36, 42.4, 51);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(108, 127.2, 153);
  --bs-btn-disabled-border-color: rgb(108, 127.2, 153);
}

.btn-outline-primary {
  --bs-btn-color: #000;
  --bs-btn-border-color: #b4d4ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b4d4ff;
  --bs-btn-hover-border-color: #b4d4ff;
  --bs-btn-focus-shadow-rgb: 180, 212, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(108, 127.2, 153);
  --bs-btn-active-border-color: rgb(108, 127.2, 153);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #b4d4ff;
}

.btn-alt-primary { background: #fff !important; color: #000 !important; }
.btn-alt-primary:focus,
.btn-alt-primary:hover { background: #b4d4ff !important; color: #000 !important; }

.btn-ghost-primary { background: rgb(247.5, 250.7, 255) !important; color: #000 !important; }
.btn-ghost-primary:focus,
.btn-ghost-primary:hover { background: rgb(240, 246.4, 255) !important; color: #000 !important; }

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #e7edf3;
  --bs-btn-border-color: #e7edf3;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(184.8, 189.6, 194.4);
  --bs-btn-hover-border-color: rgb(184.8, 189.6, 194.4);
  --bs-btn-focus-shadow-rgb: 236, 241, 245;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(138.6, 142.2, 145.8);
  --bs-btn-active-border-color: rgb(138.6, 142.2, 145.8);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e7edf3;
  --bs-btn-disabled-border-color: #e7edf3;
}

.btn-tertiary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #090085;
  --bs-btn-border-color: #090085;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(7.2, 0, 106.4);
  --bs-btn-hover-border-color: rgb(7.2, 0, 106.4);
  --bs-btn-focus-shadow-rgb: 58, 51, 157;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(5.4, 0, 79.8);
  --bs-btn-active-border-color: rgb(5.4, 0, 79.8);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #090085;
  --bs-btn-disabled-border-color: #090085;
}

.btn-outline-tertiary {
  --bs-btn-color: #090085;
  --bs-btn-border-color: #090085;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #090085;
  --bs-btn-hover-border-color: #090085;
  --bs-btn-focus-shadow-rgb: 9, 0, 133;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(5.4, 0, 79.8);
  --bs-btn-active-border-color: rgb(5.4, 0, 79.8);
  --bs-btn-disabled-color: #090085;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #090085;
}

.btn-ghost-tertiary { background: rgb(230.4, 229.5, 242.8) !important; color: #090085 !important; }
.btn-ghost-tertiary:focus,
.btn-ghost-tertiary:hover { background: rgb(205.8, 204, 230.6) !important; color: #090085 !important; }

/* === Hover utility override === */
.hover\:text-primary:hover,
.duration-150.hover\:text-primary:hover {
  color: #b4d4ff !important;
}