/* ===============================================
   THEME COLORS - Dynamic (Flat Design for Bootstrap 5)
   Generated: 2025-12-28 10:44:54
   =============================================== */
   :root {
    /* Core Colors */
    --primary: #056494;
    --secondary: #056494;
    --success: #22c55e;
    --white: #ffffff;
    --gray: #6b7280;
    --dark: #1f2937;

    /* Bootstrap 5 Variable Overrides */
    --bs-primary: #056494;
    --bs-primary-rgb: 5, 100, 148;
    --bs-secondary: #056494;
    --bs-secondary-rgb: 5, 100, 148;
    --bs-success: #22c55e;
    --bs-light: #f8f9fa;
    --bs-dark: #1f2937;

    /* Background Colors (Flat Design) */
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --bg-gradient: #056494; /* Flat color instead of gradient */
    --card-bg: #ffffff;
    --border: #e5e7eb;
    --card-border: #e5e7eb;

    /* Text Colors */
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --text-muted: #9ca3af;
    --text-white: #ffffff;

    /* Component Colors */
    --hero-bg: #056494; /* Flat instead of gradient */
    --button-primary: #056494;
    --button-secondary: #056494;
  }

  /* Bootstrap Button Overrides for Unified Theme */
  .btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    opacity: 0.9;
  }
  .btn-outline-primary {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .btn-outline-primary:hover {
    background-color: var(--primary) !important;
    color: var(--white) !important;
  }

  /* Utility Classes */
  .bg-primary { background-color: var(--primary) !important; }
  .text-primary { color: var(--primary) !important; }
  .bg-secondary { background-color: var(--secondary) !important; }
  .text-secondary { color: var(--secondary) !important; }
  .border-primary { border-color: var(--primary) !important; }

  /* Override gradient classes to use flat colors */
  .bg-gradient { background: var(--primary) !important; }
  .flights-header { background: var(--primary) !important; }
  .airline-logo { background: var(--primary) !important; }