/* =========================================================
   AZIA MULTI-TENANT THEME OVERRIDE
   Depends on:
   --school-primary
   --school-secondary
   --school-accent
   ========================================================= */

/* ---------------------------------------------------------
   1. ROOT + BOOTSTRAP TOKEN REMAP
--------------------------------------------------------- */

:root,
[data-bs-theme="light"] {
  /* =====================================================
     BRAND COLORS (TENANT CONTROLLED)
     ===================================================== */

  --bs-primary: var(--school-primary);
  --bs-primary-rgb: var(--school-primary-rgb, 51, 102, 255);

  --bs-secondary: var(--school-secondary);
  --bs-secondary-rgb: var(--school-secondary-rgb, 121, 135, 161);

  /* Accent is custom (Azia doesn’t define this) */
  --bs-accent: var(--school-accent);


  /* =====================================================
     LINK COLORS (BRANDED)
     ===================================================== */

  --bs-link-color: var(--school-primary);
  --bs-link-color-rgb: var(--school-primary-rgb, 51, 102, 255);

  --bs-link-hover-color: color-mix(in srgb,
      var(--school-primary) 85%,
      black);
  --bs-link-hover-color-rgb: var(--school-primary-rgb, 51, 102, 255);

  /* =====================================================
     EMPHASIS / SUBTLE BACKGROUNDS
     ===================================================== */

  --bs-primary-text-emphasis: color-mix(in srgb,
      var(--school-primary) 40%,
      black);

  --bs-primary-bg-subtle: color-mix(in srgb,
      var(--school-primary) 15%,
      white);

  --bs-primary-border-subtle: color-mix(in srgb,
      var(--school-primary) 35%,
      white);

  /* =====================================================
     FOCUS / RINGS / FORMS
     ===================================================== */

  --bs-focus-ring-color: color-mix(in srgb,
      var(--school-primary) 35%,
      transparent);

  --bs-form-valid-color: var(--school-primary);
  --bs-form-valid-border-color: var(--school-primary);

  /* =====================================================
     KEEP AZIA NEUTRALS (DO NOT TENANTIZE)
     ===================================================== */

  --bs-gray: #7987a1;
  --bs-gray-dark: #3b4863;
  --bs-gray-100: #f4f5f8;
  --bs-gray-200: #e3e7ed;
  --bs-gray-300: #cdd4e0;
  --bs-gray-400: #b4bdce;
  --bs-gray-500: #97a3b9;
  --bs-gray-600: #7987a1;
  --bs-gray-700: #596882;
  --bs-gray-800: #3b4863;
  --bs-gray-900: #1c273c;

  --bs-body-color: #031b4e;
  --bs-body-bg: #fff;
  --bs-border-color: #cdd4e0;
}

/* ---------------------------------------------------------
   2. TEXT / BG / BORDER UTILITIES
--------------------------------------------------------- */

.text-primary {
  color: var(--school-primary) !important;
}

.text-secondary {
  color: var(--school-secondary) !important;
}

.bg-primary {
  background-color: var(--school-primary) !important;
}

.bg-secondary {
  background-color: var(--school-secondary) !important;
}

.border-primary {
  border-color: var(--school-primary) !important;
}

.border-secondary {
  border-color: var(--school-secondary) !important;
}

/* Accent helpers (custom) */
.text-accent {
  color: var(--school-accent) !important;
}

.bg-accent {
  background-color: var(--school-accent) !important;
}

.border-accent {
  border-color: var(--school-accent) !important;
}

/* ---------------------------------------------------------
   3. BUTTONS (AZIA HARDCODED FIX)
--------------------------------------------------------- */

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--school-primary);
  --bs-btn-border-color: var(--school-primary);

  --bs-btn-hover-bg: color-mix(in srgb, var(--school-primary) 85%, black);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--school-primary) 80%, black);

  --bs-btn-active-bg: color-mix(in srgb, var(--school-primary) 75%, black);
  --bs-btn-active-border-color: color-mix(in srgb, var(--school-primary) 70%, black);

  --bs-btn-disabled-bg: var(--school-primary);
  --bs-btn-disabled-border-color: var(--school-primary);
}

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--school-secondary);
  --bs-btn-border-color: var(--school-secondary);

  --bs-btn-hover-bg: color-mix(in srgb, var(--school-secondary) 90%, black);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--school-secondary) 85%, black);

  --bs-btn-active-bg: color-mix(in srgb, var(--school-secondary) 80%, black);
  --bs-btn-active-border-color: color-mix(in srgb, var(--school-secondary) 75%, black);
}

/* Accent button */
.btn-accent {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--school-accent);
  --bs-btn-border-color: var(--school-accent);

  --bs-btn-hover-bg: color-mix(in srgb, var(--school-accent) 85%, black);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--school-accent) 80%, black);
}

/* ---------------------------------------------------------
   4. NAVBAR / SIDEBAR / LINKS
--------------------------------------------------------- */

.nav-link,
.az-nav-link {
  color: var(--bs-body-color);
}

.nav-link:hover,
.az-nav-link:hover {
  color: var(--school-primary) !important;
}

.nav-link.active,
.az-nav-link.active {
  color: var(--school-primary) !important;
  font-weight: 600;
}

/* Sidebar indicators */
.az-sidebar .active>a {
  background-color: color-mix(in srgb, var(--school-primary) 12%, transparent);
  color: var(--school-primary);
}

/* ---------------------------------------------------------
   5. CARDS / HEADERS / PANELS
--------------------------------------------------------- */

.card-header,
.az-content-header {
  background-color: color-mix(in srgb, var(--school-primary) 6%, #f4f5f8);
  border-bottom-color: color-mix(in srgb, var(--school-primary) 15%, #cdd4e0);
}

/* ---------------------------------------------------------
   6. BADGES
--------------------------------------------------------- */

.badge.bg-primary {
  background-color: var(--school-primary) !important;
}

.badge.bg-secondary {
  background-color: var(--school-secondary) !important;
}

.badge.bg-accent {
  background-color: var(--school-accent) !important;
  color: #fff;
}

/* ---------------------------------------------------------
   7. PAGINATION
--------------------------------------------------------- */

.page-link {
  color: var(--school-primary);
}

.page-link:hover {
  color: #fff;
  background-color: var(--school-primary);
  border-color: var(--school-primary);
}

.page-item.active .page-link {
  background-color: var(--school-primary);
  border-color: var(--school-primary);
}

/* ---------------------------------------------------------
   8. FORMS / FOCUS STATES
--------------------------------------------------------- */

.form-control:focus,
.form-select:focus {
  border-color: var(--school-primary);
  box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--school-primary) 35%, transparent);
}

/* ---------------------------------------------------------
   9. TABLES
--------------------------------------------------------- */

.table thead th {
  color: var(--school-primary);
}

.table-hover tbody tr:hover {
  background-color: color-mix(in srgb, var(--school-primary) 5%, transparent);
}

/* ---------------------------------------------------------
   10. DROPDOWNS
--------------------------------------------------------- */

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--school-primary);
  color: #fff;
}

.dropdown-item:hover {
  background-color: color-mix(in srgb, var(--school-primary) 8%, transparent);
}

/* ---------------------------------------------------------
   11. ALERTS
--------------------------------------------------------- */

.alert-primary {
  color: var(--school-primary);
  background-color: color-mix(in srgb, var(--school-primary) 10%, #fff);
  border-color: color-mix(in srgb, var(--school-primary) 25%, #fff);
}

/* ---------------------------------------------------------
   12. PROGRESS / LOADERS
--------------------------------------------------------- */

.progress-bar {
  background-color: var(--school-primary);
}


.az-logo{
  color:var(--school-primary);
}