/* TourScale LMS Custom Theme
   Navy #213976 | Sky #53acef | Aqua #1edee4 | Coral #f86e4f
   Overrides Frappe UI design tokens (ink-*, surface-*, blue-*)
*/

/* ── Override Frappe UI blue palette with TourScale navy ── */
:root {
  /* Core blue scale → TourScale navy scale */
  --blue-50: #f0f3fa;
  --blue-100: #dce3f2;
  --blue-200: #b8c7e5;
  --blue-300: #8fa6d4;
  --blue-400: #5e7db8;
  --blue-500: #2d4a8e;
  --blue-600: #213976;
  --blue-700: #1c3066;
  --blue-800: #162652;
  --blue-900: #111d3e;

  /* Ink tokens (text/icon colors) */
  --ink-blue-1: #f0f3fa;
  --ink-blue-2: #2d4a8e;
  --ink-blue-3: #213976;
  --ink-blue-link: #2d4a8e;

  /* Surface tokens (backgrounds) */
  --surface-blue-1: #f0f3fa;
  --surface-blue-2: #dce3f2;
  --surface-blue-3: #213976;

  /* Outline tokens (borders) */
  --outline-blue-1: #b8c7e5;
}

/* ── Course card enhancements ── */
/* Card container - targets the actual component class */
.flex.flex-col.h-full.rounded-md.overflow-auto {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-color: rgba(33, 57, 118, 0.12);
}
.flex.flex-col.h-full.rounded-md.overflow-auto:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(33, 57, 118, 0.12);
}

/* Course card image area */
.bg-cover.bg-center.bg-no-repeat {
  transition: opacity 0.2s ease;
}

/* ── Sidebar active accent ── */
/* Override the default blue left-border on active sidebar items */
.border-l-2 {
  border-left-color: #213976 !important;
}

/* ── Progress bar ── */
.bg-blue-500 {
  background-color: #53acef !important;
}

/* ── General link color ── */
.text-ink-blue-link {
  color: #2d4a8e !important;
}
.text-ink-blue-2 {
  color: #2d4a8e !important;
}
.text-ink-blue-3 {
  color: #213976 !important;
}

/* ── Button overrides ── */
.bg-blue-600 {
  background-color: #213976 !important;
}
.bg-blue-500 {
  background-color: #2d4a8e !important;
}
.hover\:bg-blue-700:hover {
  background-color: #1c3066 !important;
}
.border-blue-600 {
  border-color: #213976 !important;
}
.text-blue-600 {
  color: #213976 !important;
}

/* ── Focus ring ── */
.focus\:ring-blue-500:focus,
.focus-visible\:ring-blue-500:focus-visible {
  --tw-ring-color: #53acef;
}