/* Clean, Modern & Relaxing Aesthetic for Jamiee (جامعي) */
:root {
  --bg-main: #F8FAFC;
  --card-bg: #FFFFFF;
  --text-main: #0F172A;
  --text-muted: #64748B;
  --accent-primary: #4F46E5;
  --accent-break: #D97706;
  --border-light: rgba(226, 232, 240, 0.85);
}

body {
  background-color: var(--bg-main);
  color: var(--text-main);
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
}

/* Clean scrollbar suppression for horizontal pill containers */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Calm Soft Card Shadows */
.calm-card {
  background-color: #ffffff;
  border: 1px solid var(--border-light);
  border-radius: 1.25rem;
  box-shadow: 0 2px 8px -2px rgba(15, 23, 42, 0.04), 0 1px 3px -1px rgba(15, 23, 42, 0.02);
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.calm-card:hover {
  border-color: rgba(203, 213, 225, 0.9);
}

/* Day check box active state */
.day-check-label {
  transition: all 0.18s ease-in-out;
}

.day-check-label.selected {
  background-color: #4F46E5 !important;
  color: #ffffff !important;
  border-color: #4F46E5 !important;
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.25);
  transform: translateY(-1px);
}

/* Clean Quick Chips */
.quick-name-chip, .quick-room-chip, .quick-instructor-chip {
  cursor: pointer;
  user-select: none;
  transition: all 0.15s ease;
}

.quick-name-chip:hover, .quick-room-chip:hover, .quick-instructor-chip:hover {
  transform: translateY(-1px);
}

/* Color radio button selected */
.color-swatch {
  transition: transform 0.15s ease, outline 0.15s ease;
}

.color-swatch.selected {
  outline: 3px solid #4F46E5;
  outline-offset: 2px;
  transform: scale(1.12);
}

/* Duration pills active */
.duration-pill.active {
  background-color: #4F46E5 !important;
  color: #ffffff !important;
  border-color: #4F46E5 !important;
  box-shadow: 0 2px 6px rgba(79, 70, 229, 0.2);
}

/* Bottom Navigation */
.nav-tab {
  transition: all 0.2s ease;
}

.nav-tab.active {
  color: #4F46E5;
}

.nav-tab.active svg {
  transform: scale(1.1);
}

/* Day Pill Active in Week View */
.day-pill {
  transition: all 0.2s ease;
}

.day-pill.active {
  background-color: #4F46E5 !important;
  color: #ffffff !important;
  border-color: #4F46E5 !important;
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.25);
}

/* Subtle gentle breathing pulse */
@keyframes gentle-glow {
  0%, 100% { opacity: 0.9; }
  50% { opacity: 0.5; }
}

.glow-subtle {
  animation: gentle-glow 2.5s infinite ease-in-out;
}