/* =====================================================
   SHAALT - Global Styles (Bootstrap Compatible)
   ===================================================== */

/* CSS Custom Properties (Variables) for SHAALT Brand */
:root {
  /* Primary Colors - #1E175A */
  --shaalt-primary-50: #f5f6fa;
  --shaalt-primary-100: #d9d6f5;
  --shaalt-primary-200: #b4aeea;
  --shaalt-primary-300: #8e85e0;
  --shaalt-primary-400: #695dd5;
  --shaalt-primary-500: #1e175a;
  --shaalt-primary-600: #362aa2;
  --shaalt-primary-700: #281f7a;
  --shaalt-primary-800: #1b1551;
  --shaalt-primary-900: #0d0a29;

  /* Secondary Colors - #0FA6E2 */
  --shaalt-secondary-50: #e7f7fd;
  --shaalt-secondary-100: #cfeffc;
  --shaalt-secondary-200: #9fdff9;
  --shaalt-secondary-300: #6fd0f6;
  --shaalt-secondary-400: #40c0f2;
  --shaalt-secondary-500: #0fa6e2;
  --shaalt-secondary-600: #0d8dbf;
  --shaalt-secondary-700: #096a90;
  --shaalt-secondary-800: #064660;
  --shaalt-secondary-900: #032330;

  /* Info Colors - #2E90FA */
  --shaalt-info-50: #e6f2fe;
  --shaalt-info-100: #cde5fe;
  --shaalt-info-200: #9bcafd;
  --shaalt-info-300: #6ab0fb;
  --shaalt-info-400: #3896fa;
  --shaalt-info-500: #2e90fa;
  --shaalt-info-600: #0563c7;
  --shaalt-info-700: #044a95;
  --shaalt-info-800: #023164;
  --shaalt-info-900: #011932;

  /* Warning Colors - #F79009 */
  --shaalt-warning-50: #fef4e6;
  --shaalt-warning-100: #fde9ce;
  --shaalt-warning-200: #fcd29c;
  --shaalt-warning-300: #fabc6b;
  --shaalt-warning-400: #f9a639;
  --shaalt-warning-500: #f79009;
  --shaalt-warning-600: #c67306;
  --shaalt-warning-700: #945605;
  --shaalt-warning-800: #633903;
  --shaalt-warning-900: #311d02;

  /* Error Colors - #F04438 */
  --shaalt-error-50: #fde9e7;
  --shaalt-error-100: #fbd2d0;
  --shaalt-error-200: #f8a6a0;
  --shaalt-error-300: #f47971;
  --shaalt-error-400: #f14d41;
  --shaalt-error-500: #f04438;
  --shaalt-error-600: #be1a0e;
  --shaalt-error-700: #8e130b;
  --shaalt-error-800: #5f0d07;
  --shaalt-error-900: #2f0604;

  /* SHAALT Brand Typography */
  --shaalt-font-family: "Inter", "Segoe UI", system-ui, -apple-system,
    sans-serif;
}

/* Override Bootstrap's CSS Variables with SHAALT Colors */
:root {
  --bs-primary: var(--shaalt-primary-900);
  --bs-primary-rgb: 13, 10, 41;
  --bs-secondary: var(--shaalt-secondary-600);
  --bs-secondary-rgb: 15, 166, 226;
  --bs-info: var(--shaalt-info-500);
  --bs-info-rgb: 46, 144, 250;
  --bs-warning: var(--shaalt-warning-500);
  --bs-warning-rgb: 247, 144, 9;
  --bs-danger: var(--shaalt-error-500);
  --bs-danger-rgb: 240, 68, 56;
}

/* Typography - Override Bootstrap fonts */
body {
  font-family: var(--shaalt-font-family) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--shaalt-font-family) !important;
  font-weight: 600;
}

/* SHAALT-specific utility classes that work with Bootstrap */

/* Text Colors - Complete SHAALT Color Palette */
/* Primary Text Colors */
.text-shaalt-primary-50 {
  color: var(--shaalt-primary-50) !important;
}
.text-shaalt-primary-100 {
  color: var(--shaalt-primary-100) !important;
}
.text-shaalt-primary-200 {
  color: var(--shaalt-primary-200) !important;
}
.text-shaalt-primary-300 {
  color: var(--shaalt-primary-300) !important;
}
.text-shaalt-primary-400 {
  color: var(--shaalt-primary-400) !important;
}
.text-shaalt-primary-500 {
  color: var(--shaalt-primary-500) !important;
}
.text-shaalt-primary-600 {
  color: var(--shaalt-primary-600) !important;
}
.text-shaalt-primary-700 {
  color: var(--shaalt-primary-700) !important;
}
.text-shaalt-primary-800 {
  color: var(--shaalt-primary-800) !important;
}
.text-shaalt-primary-900 {
  color: var(--shaalt-primary-900) !important;
}

/* Secondary Text Colors */
.text-shaalt-secondary-50 {
  color: var(--shaalt-secondary-50) !important;
}
.text-shaalt-secondary-100 {
  color: var(--shaalt-secondary-100) !important;
}
.text-shaalt-secondary-200 {
  color: var(--shaalt-secondary-200) !important;
}
.text-shaalt-secondary-300 {
  color: var(--shaalt-secondary-300) !important;
}
.text-shaalt-secondary-400 {
  color: var(--shaalt-secondary-400) !important;
}
.text-shaalt-secondary-500 {
  color: var(--shaalt-secondary-500) !important;
}
.text-shaalt-secondary-600 {
  color: var(--shaalt-secondary-600) !important;
}
.text-shaalt-secondary-700 {
  color: var(--shaalt-secondary-700) !important;
}
.text-shaalt-secondary-800 {
  color: var(--shaalt-secondary-800) !important;
}
.text-shaalt-secondary-900 {
  color: var(--shaalt-secondary-900) !important;
}

/* Info Text Colors */
.text-shaalt-info-50 {
  color: var(--shaalt-info-50) !important;
}
.text-shaalt-info-100 {
  color: var(--shaalt-info-100) !important;
}
.text-shaalt-info-200 {
  color: var(--shaalt-info-200) !important;
}
.text-shaalt-info-300 {
  color: var(--shaalt-info-300) !important;
}
.text-shaalt-info-400 {
  color: var(--shaalt-info-400) !important;
}
.text-shaalt-info-500 {
  color: var(--shaalt-info-500) !important;
}
.text-shaalt-info-600 {
  color: var(--shaalt-info-600) !important;
}
.text-shaalt-info-700 {
  color: var(--shaalt-info-700) !important;
}
.text-shaalt-info-800 {
  color: var(--shaalt-info-800) !important;
}
.text-shaalt-info-900 {
  color: var(--shaalt-info-900) !important;
}

/* Warning Text Colors */
.text-shaalt-warning-50 {
  color: var(--shaalt-warning-50) !important;
}
.text-shaalt-warning-100 {
  color: var(--shaalt-warning-100) !important;
}
.text-shaalt-warning-200 {
  color: var(--shaalt-warning-200) !important;
}
.text-shaalt-warning-300 {
  color: var(--shaalt-warning-300) !important;
}
.text-shaalt-warning-400 {
  color: var(--shaalt-warning-400) !important;
}
.text-shaalt-warning-500 {
  color: var(--shaalt-warning-500) !important;
}
.text-shaalt-warning-600 {
  color: var(--shaalt-warning-600) !important;
}
.text-shaalt-warning-700 {
  color: var(--shaalt-warning-700) !important;
}
.text-shaalt-warning-800 {
  color: var(--shaalt-warning-800) !important;
}
.text-shaalt-warning-900 {
  color: var(--shaalt-warning-900) !important;
}

/* Error Text Colors */
.text-shaalt-error-50 {
  color: var(--shaalt-error-50) !important;
}
.text-shaalt-error-100 {
  color: var(--shaalt-error-100) !important;
}
.text-shaalt-error-200 {
  color: var(--shaalt-error-200) !important;
}
.text-shaalt-error-300 {
  color: var(--shaalt-error-300) !important;
}
.text-shaalt-error-400 {
  color: var(--shaalt-error-400) !important;
}
.text-shaalt-error-500 {
  color: var(--shaalt-error-500) !important;
}
.text-shaalt-error-600 {
  color: var(--shaalt-error-600) !important;
}
.text-shaalt-error-700 {
  color: var(--shaalt-error-700) !important;
}
.text-shaalt-error-800 {
  color: var(--shaalt-error-800) !important;
}
.text-shaalt-error-900 {
  color: var(--shaalt-error-900) !important;
}

/* Legacy/Simplified Text Color Classes */
.text-shaalt-primary {
  color: var(--shaalt-primary-600) !important;
}
.text-shaalt-primary-light {
  color: var(--shaalt-primary-300) !important;
}
.text-shaalt-secondary {
  color: var(--shaalt-secondary-600) !important;
}
.text-shaalt-secondary-light {
  color: var(--shaalt-secondary-300) !important;
}
.text-shaalt-info {
  color: var(--shaalt-info-600) !important;
}
.text-shaalt-warning {
  color: var(--shaalt-warning-600) !important;
}
.text-shaalt-error {
  color: var(--shaalt-error-600) !important;
}

/* Background Colors - Complete SHAALT Color Palette */
/* Primary Background Colors */
.bg-shaalt-primary-50 {
  background-color: var(--shaalt-primary-50) !important;
}
.bg-shaalt-primary-100 {
  background-color: var(--shaalt-primary-100) !important;
}
.bg-shaalt-primary-200 {
  background-color: var(--shaalt-primary-200) !important;
}
.bg-shaalt-primary-300 {
  background-color: var(--shaalt-primary-300) !important;
}
.bg-shaalt-primary-400 {
  background-color: var(--shaalt-primary-400) !important;
}
.bg-shaalt-primary-500 {
  background-color: var(--shaalt-primary-500) !important;
}
.bg-shaalt-primary-600 {
  background-color: var(--shaalt-primary-600) !important;
}
.bg-shaalt-primary-700 {
  background-color: var(--shaalt-primary-700) !important;
}
.bg-shaalt-primary-800 {
  background-color: var(--shaalt-primary-800) !important;
}
.bg-shaalt-primary-900 {
  background-color: var(--shaalt-primary-900) !important;
}

/* Secondary Background Colors */
.bg-shaalt-secondary-50 {
  background-color: var(--shaalt-secondary-50) !important;
}
.bg-shaalt-secondary-100 {
  background-color: var(--shaalt-secondary-100) !important;
}
.bg-shaalt-secondary-200 {
  background-color: var(--shaalt-secondary-200) !important;
}
.bg-shaalt-secondary-300 {
  background-color: var(--shaalt-secondary-300) !important;
}
.bg-shaalt-secondary-400 {
  background-color: var(--shaalt-secondary-400) !important;
}
.bg-shaalt-secondary-500 {
  background-color: var(--shaalt-secondary-500) !important;
}
.bg-shaalt-secondary-600 {
  background-color: var(--shaalt-secondary-600) !important;
}
.bg-shaalt-secondary-700 {
  background-color: var(--shaalt-secondary-700) !important;
}
.bg-shaalt-secondary-800 {
  background-color: var(--shaalt-secondary-800) !important;
}
.bg-shaalt-secondary-900 {
  background-color: var(--shaalt-secondary-900) !important;
}

/* Info Background Colors */
.bg-shaalt-info-50 {
  background-color: var(--shaalt-info-50) !important;
}
.bg-shaalt-info-100 {
  background-color: var(--shaalt-info-100) !important;
}
.bg-shaalt-info-200 {
  background-color: var(--shaalt-info-200) !important;
}
.bg-shaalt-info-300 {
  background-color: var(--shaalt-info-300) !important;
}
.bg-shaalt-info-400 {
  background-color: var(--shaalt-info-400) !important;
}
.bg-shaalt-info-500 {
  background-color: var(--shaalt-info-500) !important;
}
.bg-shaalt-info-600 {
  background-color: var(--shaalt-info-600) !important;
}
.bg-shaalt-info-700 {
  background-color: var(--shaalt-info-700) !important;
}
.bg-shaalt-info-800 {
  background-color: var(--shaalt-info-800) !important;
}
.bg-shaalt-info-900 {
  background-color: var(--shaalt-info-900) !important;
}

/* Warning Background Colors */
.bg-shaalt-warning-50 {
  background-color: var(--shaalt-warning-50) !important;
}
.bg-shaalt-warning-100 {
  background-color: var(--shaalt-warning-100) !important;
}
.bg-shaalt-warning-200 {
  background-color: var(--shaalt-warning-200) !important;
}
.bg-shaalt-warning-300 {
  background-color: var(--shaalt-warning-300) !important;
}
.bg-shaalt-warning-400 {
  background-color: var(--shaalt-warning-400) !important;
}
.bg-shaalt-warning-500 {
  background-color: var(--shaalt-warning-500) !important;
}
.bg-shaalt-warning-600 {
  background-color: var(--shaalt-warning-600) !important;
}
.bg-shaalt-warning-700 {
  background-color: var(--shaalt-warning-700) !important;
}
.bg-shaalt-warning-800 {
  background-color: var(--shaalt-warning-800) !important;
}
.bg-shaalt-warning-900 {
  background-color: var(--shaalt-warning-900) !important;
}

/* Error Background Colors */
.bg-shaalt-error-50 {
  background-color: var(--shaalt-error-50) !important;
}
.bg-shaalt-error-100 {
  background-color: var(--shaalt-error-100) !important;
}
.bg-shaalt-error-200 {
  background-color: var(--shaalt-error-200) !important;
}
.bg-shaalt-error-300 {
  background-color: var(--shaalt-error-300) !important;
}
.bg-shaalt-error-400 {
  background-color: var(--shaalt-error-400) !important;
}
.bg-shaalt-error-500 {
  background-color: var(--shaalt-error-500) !important;
}
.bg-shaalt-error-600 {
  background-color: var(--shaalt-error-600) !important;
}
.bg-shaalt-error-700 {
  background-color: var(--shaalt-error-700) !important;
}
.bg-shaalt-error-800 {
  background-color: var(--shaalt-error-800) !important;
}
.bg-shaalt-error-900 {
  background-color: var(--shaalt-error-900) !important;
}

/* Legacy/Simplified Background Color Classes */
.bg-shaalt-primary {
  background-color: var(--shaalt-primary-600) !important;
}
.bg-shaalt-primary-light {
  background-color: var(--shaalt-primary-100) !important;
}
.bg-shaalt-secondary {
  background-color: var(--shaalt-secondary-600) !important;
}
.bg-shaalt-secondary-light {
  background-color: var(--shaalt-secondary-100) !important;
}
.bg-shaalt-info {
  background-color: var(--shaalt-info-600) !important;
}
.bg-shaalt-warning {
  background-color: var(--shaalt-warning-600) !important;
}
.bg-shaalt-error {
  background-color: var(--shaalt-error-600) !important;
}

/* Enhanced Bootstrap Buttons with SHAALT colors */
.btn-shaalt-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--shaalt-primary-900);
  --bs-btn-border-color: var(--shaalt-primary-900);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--shaalt-primary-800);
  --bs-btn-hover-border-color: var(--shaalt-primary-800);
  --bs-btn-focus-shadow-rgb: 204, 199, 242;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--shaalt-primary-700);
  --bs-btn-active-border-color: var(--shaalt-primary-700);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--shaalt-primary-900);
  --bs-btn-disabled-border-color: var(--shaalt-primary-900);
}

.btn-shaalt-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--shaalt-secondary-600);
  --bs-btn-border-color: var(--shaalt-secondary-600);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--shaalt-secondary-700);
  --bs-btn-hover-border-color: var(--shaalt-secondary-700);
  --bs-btn-focus-shadow-rgb: 103, 208, 246;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--shaalt-secondary-800);
  --bs-btn-active-border-color: var(--shaalt-secondary-800);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--shaalt-secondary-600);
  --bs-btn-disabled-border-color: var(--shaalt-secondary-600);
}

.btn-outline-shaalt-primary {
  --bs-btn-color: var(--shaalt-primary-900);
  --bs-btn-border-color: var(--shaalt-primary-900);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--shaalt-primary-900);
  --bs-btn-hover-border-color: var(--shaalt-primary-900);
  --bs-btn-focus-shadow-rgb: 30, 23, 90;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--shaalt-primary-900);
  --bs-btn-active-border-color: var(--shaalt-primary-900);
  --bs-btn-disabled-color: var(--shaalt-primary-900);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--shaalt-primary-900);
}

/* Enhanced Bootstrap Cards */
.card-shaalt {
  border: none;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 0.15s ease-in-out;
}

.card-shaalt:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.card-header-shaalt {
  background-color: var(--shaalt-primary-50);
  border-bottom: 1px solid var(--shaalt-primary-200);
  color: var(--shaalt-primary-900);
}

/* Enhanced Bootstrap Forms */
.form-control:focus {
  border-color: var(--shaalt-primary-500);
  box-shadow: 0 0 0 0.25rem rgba(30, 23, 90, 0.25);
}

.form-check-input:checked {
  background-color: var(--shaalt-primary-900);
  border-color: var(--shaalt-primary-900);
}

.form-check-input:focus {
  border-color: var(--shaalt-primary-500);
  box-shadow: 0 0 0 0.25rem rgba(30, 23, 90, 0.25);
}

/* Bootstrap Badge Enhancements */
.badge-shaalt-primary {
  background-color: var(--shaalt-primary-600);
}

.badge-shaalt-secondary {
  background-color: var(--shaalt-secondary-600);
}

/* Custom SHAALT Components that work with Bootstrap */
.shaalt-logo {
  max-height: 2rem;
  width: auto;
}

.shaalt-brand-text {
  font-family: var(--shaalt-font-family);
  font-weight: 700;
  color: var(--shaalt-primary-900);
}

.shaalt-divider {
  border-color: var(--shaalt-primary-200);
}

/* Utility classes for SHAALT spacing */
.shaalt-section-padding {
  padding: 3rem 0;
}

.shaalt-card-spacing {
  margin-bottom: 2rem;
}

/* Enhanced Bootstrap Navbar for SHAALT */
.navbar-shaalt {
  background-color: var(--shaalt-primary-600) !important;
}

.navbar-shaalt .navbar-brand,
.navbar-shaalt .navbar-nav .nav-link {
  color: white !important;
}

.navbar-shaalt .navbar-nav .nav-link:hover {
  color: var(--shaalt-primary-200) !important;
}

/* Bootstrap Modal Enhancements */
.modal-header-shaalt {
  background-color: var(--shaalt-primary-600);
  color: white;
}

.modal-header-shaalt .btn-close {
  filter: invert(1);
}

/* Bootstrap Alert Enhancements */
.alert-shaalt-primary {
  background-color: var(--shaalt-primary-50);
  border-color: var(--shaalt-primary-200);
  color: var(--shaalt-primary-600);
}

.alert-shaalt-secondary {
  background-color: var(--shaalt-secondary-50);
  border-color: var(--shaalt-secondary-200);
  color: var(--shaalt-secondary-600);
}

/* Bootstrap Progress Bar */
.progress-bar-shaalt-primary {
  background-color: var(--shaalt-primary-600);
}

.progress-bar-shaalt-secondary {
  background-color: var(--shaalt-secondary-600);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .shaalt-section-padding {
    padding: 2rem 0;
  }
}

/* Animation utilities that work with Bootstrap */
.shaalt-fade-in {
  animation: shaaltFadeIn 0.3s ease-in-out;
}

@keyframes shaaltFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.shaalt-hover-lift {
  transition: transform 0.2s ease-in-out;
}

.shaalt-hover-lift:hover {
  transform: translateY(-2px);
}

/* Print styles */
@media print {
  .shaalt-no-print {
    display: none !important;
  }
}

/* Backward compatibility with old utility classes */
.text-primary {
  color: var(--shaalt-primary-600) !important;
}
.text-secondary {
  color: var(--shaalt-secondary-600) !important;
}
.btn-primary {
  background-color: var(--shaalt-primary-600) !important;
  border-color: var(--shaalt-primary-600) !important;
}
.btn-secondary {
  background-color: var(--shaalt-secondary-600) !important;
  border-color: var(--shaalt-secondary-600) !important;
}

/* Fix for utility classes that were being used */
.min-h-screen {
  min-height: 100vh;
}
.bg-gray-50 {
  background-color: #f9fafb;
}
.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.container {
  max-width: 1140px;
  margin: 0 auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.grid {
  display: grid;
}
.gap-6 {
  gap: 1.5rem;
}
.card {
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}
.card-header {
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
}
.card-body {
  padding: 1rem;
}
.card-footer {
  padding: 1rem;
  border-top: 1px solid #dee2e6;
}
.hover-lift {
  transition: transform 0.2s ease-in-out;
}
.hover-lift:hover {
  transform: translateY(-2px);
}
.transition {
  transition: all 0.15s ease-in-out;
}
.w-24 {
  width: 6rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.text-3xl {
  font-size: 1.875rem;
}
.text-2xl {
  font-size: 1.5rem;
}
.font-bold {
  font-weight: 700;
}
.max-w-md {
  max-width: 28rem;
}
.block {
  display: block;
}
.text-sm {
  font-size: 0.875rem;
}
.font-medium {
  font-weight: 500;
}
.text-neutral {
  color: #6c757d;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.form-input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  font-size: 1rem;
}
.form-input:focus {
  outline: none;
  border-color: var(--shaalt-primary-500);
  box-shadow: 0 0 0 0.25rem rgba(30, 23, 90, 0.25);
}
.btn {
  padding: 0.5rem 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
.w-full {
  width: 100%;
}

@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Border Colors - Complete SHAALT Color Palette */
/* Primary Border Colors */
.border-shaalt-primary-50 {
  border-color: var(--shaalt-primary-50) !important;
}
.border-shaalt-primary-100 {
  border-color: var(--shaalt-primary-100) !important;
}
.border-shaalt-primary-200 {
  border-color: var(--shaalt-primary-200) !important;
}
.border-shaalt-primary-300 {
  border-color: var(--shaalt-primary-300) !important;
}
.border-shaalt-primary-400 {
  border-color: var(--shaalt-primary-400) !important;
}
.border-shaalt-primary-500 {
  border-color: var(--shaalt-primary-500) !important;
}
.border-shaalt-primary-600 {
  border-color: var(--shaalt-primary-600) !important;
}
.border-shaalt-primary-700 {
  border-color: var(--shaalt-primary-700) !important;
}
.border-shaalt-primary-800 {
  border-color: var(--shaalt-primary-800) !important;
}
.border-shaalt-primary-900 {
  border-color: var(--shaalt-primary-900) !important;
}

/* Secondary Border Colors */
.border-shaalt-secondary-50 {
  border-color: var(--shaalt-secondary-50) !important;
}
.border-shaalt-secondary-100 {
  border-color: var(--shaalt-secondary-100) !important;
}
.border-shaalt-secondary-200 {
  border-color: var(--shaalt-secondary-200) !important;
}
.border-shaalt-secondary-300 {
  border-color: var(--shaalt-secondary-300) !important;
}
.border-shaalt-secondary-400 {
  border-color: var(--shaalt-secondary-400) !important;
}
.border-shaalt-secondary-500 {
  border-color: var(--shaalt-secondary-500) !important;
}
.border-shaalt-secondary-600 {
  border-color: var(--shaalt-secondary-600) !important;
}
.border-shaalt-secondary-700 {
  border-color: var(--shaalt-secondary-700) !important;
}
.border-shaalt-secondary-800 {
  border-color: var(--shaalt-secondary-800) !important;
}
.border-shaalt-secondary-900 {
  border-color: var(--shaalt-secondary-900) !important;
}

/* Info Border Colors */
.border-shaalt-info-50 {
  border-color: var(--shaalt-info-50) !important;
}
.border-shaalt-info-100 {
  border-color: var(--shaalt-info-100) !important;
}
.border-shaalt-info-200 {
  border-color: var(--shaalt-info-200) !important;
}
.border-shaalt-info-300 {
  border-color: var(--shaalt-info-300) !important;
}
.border-shaalt-info-400 {
  border-color: var(--shaalt-info-400) !important;
}
.border-shaalt-info-500 {
  border-color: var(--shaalt-info-500) !important;
}
.border-shaalt-info-600 {
  border-color: var(--shaalt-info-600) !important;
}
.border-shaalt-info-700 {
  border-color: var(--shaalt-info-700) !important;
}
.border-shaalt-info-800 {
  border-color: var(--shaalt-info-800) !important;
}
.border-shaalt-info-900 {
  border-color: var(--shaalt-info-900) !important;
}

/* Warning Border Colors */
.border-shaalt-warning-50 {
  border-color: var(--shaalt-warning-50) !important;
}
.border-shaalt-warning-100 {
  border-color: var(--shaalt-warning-100) !important;
}
.border-shaalt-warning-200 {
  border-color: var(--shaalt-warning-200) !important;
}
.border-shaalt-warning-300 {
  border-color: var(--shaalt-warning-300) !important;
}
.border-shaalt-warning-400 {
  border-color: var(--shaalt-warning-400) !important;
}
.border-shaalt-warning-500 {
  border-color: var(--shaalt-warning-500) !important;
}
.border-shaalt-warning-600 {
  border-color: var(--shaalt-warning-600) !important;
}
.border-shaalt-warning-700 {
  border-color: var(--shaalt-warning-700) !important;
}
.border-shaalt-warning-800 {
  border-color: var(--shaalt-warning-800) !important;
}
.border-shaalt-warning-900 {
  border-color: var(--shaalt-warning-900) !important;
}

/* Error Border Colors */
.border-shaalt-error-50 {
  border-color: var(--shaalt-error-50) !important;
}
.border-shaalt-error-100 {
  border-color: var(--shaalt-error-100) !important;
}
.border-shaalt-error-200 {
  border-color: var(--shaalt-error-200) !important;
}
.border-shaalt-error-300 {
  border-color: var(--shaalt-error-300) !important;
}
.border-shaalt-error-400 {
  border-color: var(--shaalt-error-400) !important;
}
.border-shaalt-error-500 {
  border-color: var(--shaalt-error-500) !important;
}
.border-shaalt-error-600 {
  border-color: var(--shaalt-error-600) !important;
}
.border-shaalt-error-700 {
  border-color: var(--shaalt-error-700) !important;
}
.border-shaalt-error-800 {
  border-color: var(--shaalt-error-800) !important;
}
.border-shaalt-error-900 {
  border-color: var(--shaalt-error-900) !important;
}

/* Legacy/Simplified Border Color Classes */
.border-shaalt-primary {
  border-color: var(--shaalt-primary-600) !important;
}
.border-shaalt-secondary {
  border-color: var(--shaalt-secondary-600) !important;
}
.border-shaalt-info {
  border-color: var(--shaalt-info-600) !important;
}
.border-shaalt-warning {
  border-color: var(--shaalt-warning-600) !important;
}
.border-shaalt-error {
  border-color: var(--shaalt-error-600) !important;
}