@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&display=swap');

/* ====================================
   QNR Evaluation - Base Styles
   ==================================== */

/* Base Styles */
* {
  box-sizing: border-box;
}

/* Body styles - SCOPED TO PAGES WITH QNR QUESTIONNAIRE */
body.qnr-eval-page {
  background: #f5f5f7;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
  color: #1d1d1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fallback for QNR container */
.qnr-eval-form {
  background: #f5f5f7;
  color: #1d1d1f;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Font Family - SCOPED TO QNR QUESTIONNAIRE ONLY */
.qnr-eval-form,
.qnr-eval-form *,
.qnr-eval-form *::before,
.qnr-eval-form *::after {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

/* Title Styles - 16px weight 600 */
.qnr-eval-form h1,
.qnr-eval-form h2,
.qnr-eval-form h3,
.qnr-eval-form h4,
.qnr-eval-form h5,
.qnr-eval-form h6,
.qnr-eval-form .title,
.qnr-eval-form .heading {
  font-size: 16px;
  font-weight: 600;
  color: 333;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Utility Classes */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

/* Text size utilities */
.text-sm { font-size: 12px; }
.text-base { font-size: 14px; }
.text-lg { font-size: 16px; }
.text-xl { font-size: 18px; }

.text-primary { color: #ce1111; }
.text-coal { color: #1d1d1f; }
.text-muted { color: #86868b; }

.mb-0 { margin-bottom: 0; }
.mb-sm { margin-bottom: 0.5rem; }
.mb-md { margin-bottom: 1rem; }
.mb-lg { margin-bottom: 1.5rem; }
.mb-xl { margin-bottom: 2rem; }

.hidden { display: none; }
.block { display: block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }