/* prettier-ignore */

/* ==========================================================================
   Gawiza Brand Color Overrides
   Brand Palette:
     Teal (Primary):  #0d9488
     Teal Light:      #2dd4bf
     Teal XL:         #5eead4
     Sky:             #0284c7
     Sky Light:       #7dd3fc
     Slate:           #64748b
     Slate Light:     #94a3b8
     Ink:             #0c1622
     Navy:            #131f2e
   ========================================================================== */

/* --- Light Mode Root Variables --- */
:root,
[data-bs-theme="light"] {
  --phoenix-primary: #0d9488;
  --phoenix-primary-rgb: 13, 148, 136;
  --phoenix-primary-text-emphasis: #0a7a70;
  --phoenix-primary-bg-subtle: #e6f7f5;
  --phoenix-primary-border-subtle: #99e0da;
  --phoenix-link-color: #0d9488;
  --phoenix-link-hover-color: #0a7a70;
  --phoenix-link-color-rgb: 13, 148, 136;
  --phoenix-link-hover-color-rgb: 10, 122, 112;
  --phoenix-focus-ring-color: rgba(13, 148, 136, 0.25);
}

/* --- Dark Mode Root Variables --- */
[data-bs-theme="dark"] {
  --phoenix-primary: #2dd4bf;
  --phoenix-primary-rgb: 45, 212, 191;
  --phoenix-primary-text-emphasis: #5eead4;
  --phoenix-primary-bg-subtle: #112524;
  --phoenix-primary-border-subtle: #1a3a37;
  --phoenix-link-color: #2dd4bf;
  --phoenix-link-hover-color: #5eead4;
  --phoenix-link-color-rgb: 45, 212, 191;
  --phoenix-link-hover-color-rgb: 94, 234, 212;
}

/* --- Primary Button --- */
.btn-primary {
  --phoenix-btn-bg: #0d9488;
  --phoenix-btn-border-color: transparent;
  --phoenix-btn-hover-bg: #0a7a70;
  --phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2);
  --phoenix-btn-focus-shadow-rgb: 13, 148, 136;
  --phoenix-btn-active-bg: #087068;
  --phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25);
  --phoenix-btn-disabled-bg: #0d9488;
  --phoenix-btn-disabled-border-color: transparent;
}

/* --- Subtle Primary Button (Light) --- */
.btn-subtle-primary {
  --phoenix-btn-color: #0a7a70;
  --phoenix-btn-bg: #e6f7f5;
  --phoenix-btn-border-color: #e6f7f5;
  --phoenix-btn-hover-color: #0a7a70;
  --phoenix-btn-hover-bg: #ccf0ec;
  --phoenix-btn-hover-border-color: #b3e8e3;
  --phoenix-btn-focus-shadow-rgb: 13, 148, 136;
  --phoenix-btn-active-bg: #b3e8e3;
  --phoenix-btn-active-border-color: #99e0da;
  --phoenix-btn-disabled-bg: #e6f7f5;
  --phoenix-btn-disabled-border-color: #e6f7f5;
}

/* --- Subtle Primary Button (Dark) --- */
[data-bs-theme="dark"] .btn-subtle-primary {
  --phoenix-btn-color: #5eead4;
  --phoenix-btn-bg: rgba(45, 212, 191, 0.14);
  --phoenix-btn-border-color: rgba(45, 212, 191, 0.14);
  --phoenix-btn-hover-color: #5eead4;
  --phoenix-btn-hover-bg: rgba(45, 212, 191, 0.2);
  --phoenix-btn-hover-border-color: rgba(94, 234, 212, 0.23);
  --phoenix-btn-focus-shadow-rgb: 45, 212, 191;
  --phoenix-btn-active-bg: rgba(94, 234, 212, 0.31);
  --phoenix-btn-active-border-color: rgba(94, 234, 212, 0.23);
  --phoenix-btn-disabled-bg: rgba(45, 212, 191, 0.14);
  --phoenix-btn-disabled-border-color: rgba(45, 212, 191, 0.14);
}

/* --- Outline Primary Button --- */
.btn-outline-primary {
  --phoenix-btn-color: #0d9488;
  --phoenix-btn-border-color: #0d9488;
  --phoenix-btn-hover-bg: #0d9488;
  --phoenix-btn-hover-border-color: #0d9488;
  --phoenix-btn-focus-shadow-rgb: 13, 148, 136;
  --phoenix-btn-active-bg: #0a7a70;
  --phoenix-btn-active-border-color: #0a7a70;
  --phoenix-btn-disabled-color: #0d9488;
  --phoenix-btn-disabled-border-color: #0d9488;
}

/* --- Phoenix Primary Button --- */
.btn-phoenix-primary {
  --phoenix-btn-color: #0d9488;
  --phoenix-btn-hover-color: #fff;
  --phoenix-btn-hover-bg: #0d9488;
  --phoenix-btn-hover-border-color: #0d9488;
  --phoenix-btn-active-color: #fff;
  --phoenix-btn-active-bg: #0a7a70;
  --phoenix-btn-active-border-color: #0a7a70;
}
[data-bs-theme="dark"] .btn-phoenix-primary {
  --phoenix-btn-color: #2dd4bf;
  --phoenix-btn-hover-color: #0c1622;
  --phoenix-btn-hover-bg: #2dd4bf;
  --phoenix-btn-hover-border-color: #2dd4bf;
  --phoenix-btn-active-color: #0c1622;
  --phoenix-btn-active-bg: #5eead4;
  --phoenix-btn-active-border-color: #5eead4;
}

/* --- Text & Background Utilities --- */
.text-primary { color: var(--phoenix-primary) !important; }
.bg-primary { background-color: var(--phoenix-primary) !important; }
.bg-primary-subtle { background-color: var(--phoenix-primary-bg-subtle) !important; }
.border-primary { border-color: var(--phoenix-primary) !important; }

/* --- Badge --- */
.badge.bg-primary { background-color: #0d9488 !important; }
[data-bs-theme="dark"] .badge.bg-primary { background-color: #2dd4bf !important; color: #0c1622 !important; }

/* --- Form Controls Focus State --- */
.form-control:focus,
.form-select:focus {
  border-color: #2dd4bf;
  box-shadow: 0 0 0 0.25rem rgba(13, 148, 136, 0.25);
}

/* --- Form Check (Checkbox/Radio) --- */
.form-check-input:checked {
  background-color: #0d9488;
  border-color: #0d9488;
}
.form-check-input:focus {
  border-color: #2dd4bf;
  box-shadow: 0 0 0 0.25rem rgba(13, 148, 136, 0.25);
}

/* --- Form Switch --- */
.form-switch .form-check-input:checked {
  background-color: #0d9488;
}

/* --- Nav / Tab Active States --- */
.nav-link.active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #0d9488;
}
.nav-underline .nav-link.active {
  border-bottom-color: #0d9488;
  color: #0d9488;
}

/* --- Pagination Active --- */
.page-item.active .page-link {
  background-color: #0d9488;
  border-color: #0d9488;
}
.page-link:hover {
  color: #0a7a70;
}
.page-link {
  color: #0d9488;
}

/* --- Progress Bar --- */
.progress-bar {
  background-color: #0d9488;
}

/* --- Spinner --- */
.spinner-border.text-primary {
  color: #0d9488 !important;
}

/* --- Dropdown Active --- */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #0d9488;
}

/* --- Sidebar Active Link --- */
.navbar-vertical .nav-link.active {
  color: #0d9488 !important;
}
[data-bs-theme="dark"] .navbar-vertical .nav-link.active {
  color: #2dd4bf !important;
}

/* ==========================================================================
   Falcon-style bg-soft-* Utilities
   Soft pastel backgrounds with matching text color — perfect for cards
   ========================================================================== */

/* --- Light Mode --- */
.bg-soft-primary   { background-color: #d9e7fa !important; color: #2c5cc5 !important; }
.bg-soft-secondary { background-color: #e9ecef !important; color: #525b75 !important; }
.bg-soft-success   { background-color: #d9f8eb !important; color: #0d7a3e !important; }
.bg-soft-info      { background-color: #d8f3ff !important; color: #0369a1 !important; }
.bg-soft-warning   { background-color: #fef3cd !important; color: #92400e !important; }
.bg-soft-danger    { background-color: #fde1e1 !important; color: #b91c1c !important; }
.bg-soft-dark      { background-color: #e2e8f0 !important; color: #1e293b !important; }

/* --- Dark Mode --- */
[data-bs-theme="dark"] .bg-soft-primary   { background-color: #1a2540 !important; color: #85a9ff !important; }
[data-bs-theme="dark"] .bg-soft-secondary { background-color: #1e2030 !important; color: #94a3b8 !important; }
[data-bs-theme="dark"] .bg-soft-success   { background-color: #0a2118 !important; color: #4ade80 !important; }
[data-bs-theme="dark"] .bg-soft-info      { background-color: #0c1f2e !important; color: #38bdf8 !important; }
[data-bs-theme="dark"] .bg-soft-warning   { background-color: #231a0b !important; color: #fbbf24 !important; }
[data-bs-theme="dark"] .bg-soft-danger    { background-color: #2a1215 !important; color: #f87171 !important; }
[data-bs-theme="dark"] .bg-soft-dark      { background-color: #0f111a !important; color: #cbd5e1 !important; }

/* --- Restore native browser text selection --- */
::selection {
  background-color: highlight;
  color: highlighttext;
}
[data-bs-theme="dark"] ::selection {
  background-color: highlight;
  color: highlighttext;
}