:root {
  --primary-50: #e9f1f8;
  --primary-100: #d4e3f1;
  --primary-500: #1e5b9f;
  --primary-600: #0b3a66;
  --primary-700: #072b4d;
  --secondary-50: #fff2e8;
  --secondary-100: #ffd9bf;
  --secondary-500: #f28c28;
  --secondary-600: #f47a20;
  --secondary-700: #cc6400;
  --themeColor1: var(--primary-600);
  --themeColor2: var(--secondary-600);
}

.bg-blue-50 { background-color: var(--primary-50) !important; }
.bg-blue-100 { background-color: var(--primary-100) !important; }
.bg-blue-500 { background-color: var(--primary-500) !important; }
.bg-blue-600 { background-color: var(--primary-600) !important; }
.bg-blue-700 { background-color: var(--primary-700) !important; }

.bg-purple-50 { background-color: var(--secondary-50) !important; }
.bg-purple-100 { background-color: var(--secondary-100) !important; }
.bg-purple-500 { background-color: var(--secondary-500) !important; }
.bg-purple-600 { background-color: var(--secondary-600) !important; }
.bg-purple-700 { background-color: var(--secondary-700) !important; }

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

.text-purple-500 { color: var(--secondary-500) !important; }
.text-purple-600 { color: var(--secondary-600) !important; }
.text-purple-700 { color: var(--secondary-700) !important; }

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

.border-purple-200 { border-color: var(--secondary-100) !important; }
.border-purple-500 { border-color: var(--secondary-500) !important; }
.border-purple-600 { border-color: var(--secondary-600) !important; }

.ring-blue-500 { --tw-ring-color: var(--primary-600) !important; }
.ring-blue-600 { --tw-ring-color: var(--primary-600) !important; }
.ring-purple-500 { --tw-ring-color: var(--secondary-600) !important; }
.ring-purple-600 { --tw-ring-color: var(--secondary-600) !important; }

.focus\:ring-blue-500:focus { --tw-ring-color: var(--primary-600) !important; }
.focus\:ring-blue-600:focus { --tw-ring-color: var(--primary-600) !important; }
.focus\:ring-purple-500:focus { --tw-ring-color: var(--secondary-600) !important; }
.focus\:ring-purple-600:focus { --tw-ring-color: var(--secondary-600) !important; }

.from-blue-50 { --tw-gradient-from: var(--primary-50) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-500 { --tw-gradient-from: var(--primary-500) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-600 { --tw-gradient-from: var(--primary-600) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-blue-700 { --tw-gradient-from: var(--primary-700) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.to-blue-50 { --tw-gradient-to: var(--primary-50) !important; }
.to-blue-500 { --tw-gradient-to: var(--primary-500) !important; }
.to-blue-600 { --tw-gradient-to: var(--primary-600) !important; }
.to-blue-700 { --tw-gradient-to: var(--primary-700) !important; }

.from-purple-50 { --tw-gradient-from: var(--secondary-50) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-500 { --tw-gradient-from: var(--secondary-500) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-600 { --tw-gradient-from: var(--secondary-600) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-700 { --tw-gradient-from: var(--secondary-700) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

.to-purple-50 { --tw-gradient-to: var(--secondary-50) !important; }
.to-purple-500 { --tw-gradient-to: var(--secondary-500) !important; }
.to-purple-600 { --tw-gradient-to: var(--secondary-600) !important; }
.to-purple-700 { --tw-gradient-to: var(--secondary-700) !important; }