/* Obsidian Cybernetic Precision - Augere Mentis Core Styles */
:root {
  --surface-obsidian: #0A0F1D;
  --surface: #0e1321;
  --surface-card: #131C31;
  --surface-card-hover: #1A2642;
  --surface-slate: #0F172A;
  --primary: #4cd7f6;
  --primary-container: #06b6d4;
  --accent-sky: #38BDF8;
  --tertiary: #bdc2ff;
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --ipc-success: #10B981;
  --ipc-warning: #F59E0B;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #090e1c;
}

::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #06b6d4;
}

/* Cybernetic Glows & Utilities */
.glow-primary {
  box-shadow: 0 0 25px rgba(76, 215, 246, 0.25);
}

.glow-primary-hover:hover {
  box-shadow: 0 0 30px rgba(6, 182, 212, 0.4);
}

.border-glow {
  border: 1px solid rgba(6, 182, 212, 0.35);
}

.tech-grid {
  background-image: radial-gradient(circle at 1px 1px, rgba(76, 215, 246, 0.08) 1px, transparent 0);
  background-size: 32px 32px;
}

/* Cognitus Chat Dialog Overlay */
dialog.cognitus-modal {
  border: none;
  border-radius: 1rem;
  padding: 0;
  background: transparent;
  max-width: 480px;
  width: 95vw;
}

dialog.cognitus-modal::backdrop {
  background: rgba(10, 15, 29, 0.85);
  backdrop-filter: blur(8px);
}

/* Calendar specifics */
.calendar-day.course-date {
  background: rgba(6, 182, 212, 0.15);
  border: 1px solid rgba(6, 182, 212, 0.5);
  color: #4cd7f6;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.calendar-day.course-date:hover,
.calendar-day.course-date.active {
  background: #06b6d4;
  color: #0A0F1D;
  box-shadow: 0 0 15px rgba(6, 182, 212, 0.6);
}

/* Animations */
@keyframes pulseSubtle {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(0.98); }
}

.animate-pulse-subtle {
  animation: pulseSubtle 3s infinite ease-in-out;
}

/* ==============================================================================
   Active Tab Indicator Styles (Cybernetic Precision Focus)
   ============================================================================== */
.nav-link.active {
  color: #4cd7f6 !important;
  font-weight: 700 !important;
  background-color: rgba(6, 182, 212, 0.12) !important;
  border: 1px solid rgba(6, 182, 212, 0.45) !important;
  box-shadow: 0 0 16px rgba(6, 182, 212, 0.25), inset 0 0 8px rgba(6, 182, 212, 0.1) !important;
}

.nav-link-mobile.active {
  color: #4cd7f6 !important;
  font-weight: 700 !important;
  background-color: rgba(6, 182, 212, 0.15) !important;
  border-left: 3px solid #06b6d4 !important;
  padding-left: 1rem !important;
}