/* gold-theme.css - Renamed internally to Deep Blue Edu Theme & Global Sensitivities */

:root {
  --primary-dark: #0F172A; /* Slate 900 */
  --primary-blue: #1E40AF; /* Blue 800 */
  --bg-color: #F8FAFC; /* Slate 50 */
  --accent-btn-start: #6366f1; /* Indigo 500 */
  --accent-btn-end: #8b5cf6; /* Violet 500 */
  --text-main: #1E293B; /* Slate 800 */
  --blue-900: #0F172A; 
}

body {
  background: var(--bg-color);
  background-image: 
    radial-gradient(circle at top left, rgba(30, 64, 175, 0.04), transparent 40%),
    radial-gradient(circle at bottom right, rgba(99, 102, 241, 0.05), transparent 50%);
  color: var(--text-main);
}

/* Global Sensitivities & Buttons */
.btn-primary {
  background: linear-gradient(135deg, var(--accent-btn-start), var(--accent-btn-end)) !important;
  color: white !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.3) !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; /* Bouncy sensitivity */
  position: relative;
  overflow: hidden;
}
.btn-primary:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4) !important;
}
.btn-primary:active {
  transform: scale(0.96) !important;
}
.btn-primary::after {
  content: '';
  position: absolute;
  top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transform: skewX(-15deg);
  transition: left 0.5s;
}
.btn-primary:hover::after {
  left: 120%;
}

/* Global Card Sensitivities */
.card, .item-card, .glass-panel {
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  border-radius: 20px !important;
}
.card:hover, .item-card:hover, .glass-panel:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important;
  border-color: rgba(99, 102, 241, 0.3) !important;
}
.card:active, .item-card:active {
  transform: scale(0.98) !important;
}

/* Sidebar Active State override */
.nav-item {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.nav-item:hover {
  background-color: rgba(30, 64, 175, 0.05) !important;
  transform: translateX(4px) !important;
}
.nav-item.active {
  background: linear-gradient(135deg, var(--primary-blue), #2563EB) !important;
  color: white !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(30, 64, 175, 0.25) !important;
  border-left: none !important;
  margin: 0 16px 8px 16px !important;
}

.bottom-nav-item {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.bottom-nav-item:active {
  transform: scale(0.9) !important;
}
.bottom-nav-item.active {
  color: var(--primary-blue) !important;
}

/* Old Icon overriding to Blue */
.logo-icon {
  background: linear-gradient(135deg, var(--primary-blue), #2563EB) !important;
}
.grad-vocab, .grad-pdf, .grad-ai {
  background: linear-gradient(135deg, var(--primary-blue), #2563EB) !important;
}

/* Status Badges */
.status-badge {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.item-card:hover .status-badge {
  background: var(--accent-btn-start);
  color: white;
  transform: scale(1.05);
}