/* styles.css - Custom styling for UK Student Loan & Parental Contribution Calculator */

:root {
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --slate-900: #0f172a;
  --slate-800: #1e293b;
  --slate-100: #f1f5f9;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  color: #1e293b;
  background-color: #f8fafc;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Tab active state */
.tab-btn.active {
  border-bottom: 2px solid #2563eb;
  color: #2563eb;
  font-weight: 600;
  background-color: #eff6ff;
}

/* Gradient Cards */
.bg-gradient-blue {
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
}
.bg-gradient-emerald {
  background: linear-gradient(135deg, #065f46 0%, #059669 100%);
}
.bg-gradient-amber {
  background: linear-gradient(135deg, #78350f 0%, #d97706 100%);
}
.bg-gradient-purple {
  background: linear-gradient(135deg, #4c1d95 0%, #7c3aed 100%);
}

/* Card hover animation */
.hover-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
}

/* Slider custom accent */
input[type=range] {
  accent-color: #2563eb;
}

/* Pulsing highlight badge */
.pulse-tag {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .7; }
}

/* Print Optimization */
@media print {
  body {
    background-color: #ffffff;
  }
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .shadow-sm, .shadow-md, .shadow-lg {
    box-shadow: none !important;
    border: 1px solid #e2e8f0;
  }
}