/* SPANE - Youth Opportunity Hub Custom CSS */

:root {
  --primary: #091426;
  --primary-container: #1e293b;
  --secondary: #0058be;
  --secondary-container: #2170e4;
  --tertiary: #00190e;
  --surface: #f7f9fb;
  --on-surface: #191c1e;
  --outline: #75777d;
  --outline-variant: #c5c6cd;
}

body {
  background-color: var(--surface);
  color: var(--on-surface);
  font-family: 'Inter', sans-serif;
}

/* Glassmorphism & Header */
.glass-header {
  background: rgba(247, 249, 251, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Card Hover micro-interactions */
.opportunity-card {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.opportunity-card:hover {
  transform: translateY(-2px);
  box-shadow: 0px 8px 24px rgba(9, 20, 38, 0.08);
  border-color: #0058be;
}

/* Category Badge Pills */
.category-badge {
  font-family: 'Geist', sans-serif;
  letter-spacing: 0.02em;
}

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

/* ATS Score Meter Animation */
.score-circle {
  transition: stroke-dashoffset 0.8s ease-in-out;
}

/* Print Rules for ATS CV Builder */
@media print {
  body * {
    visibility: hidden;
  }
  #ats-resume-print-area, #ats-resume-print-area * {
    visibility: visible;
  }
  #ats-resume-print-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: none !important;
    box-shadow: none !important;
  }
}