/* ============================================
   Accreditation Page — Scoped Styles
   Scope: .accreditation-page
   ============================================ */

/* Typography — dùng div thay h1/h2/h3 */
.accreditation-page .acc-heading {
  font-size: clamp(2.5rem, 5vw, 3.75rem);
  line-height: 1.15;
}

.accreditation-page .acc-section-title {
  font-size: 1.875rem;
  line-height: 1.3;
}

.accreditation-page .acc-card-title {
  font-size: 1.25rem;
  line-height: 1.4;
}

/* ---------- Color tokens ---------- */
.accreditation-page .text-brand-blue    { color: #1b254b; }
.accreditation-page .bg-brand-blue      { background-color: #1b254b; }
.accreditation-page .bg-brand-light     { background-color: #f8fbff; }
.accreditation-page .bg-brand-accent    { background-color: #3b82f6; }
.accreditation-page .text-brand-accent  { color: #3b82f6; }
.accreditation-page .text-ui-text       { color: #111827; }
.accreditation-page .text-ui-muted      { color: #6b7280; }
.accreditation-page .bg-ui-bg           { background-color: #f9fafb; }
.accreditation-page .border-ui-border   { border-color: #e5e7eb; }

/* ---------- Shadow tokens ---------- */
.accreditation-page .shadow-soft {
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.06), 0 1px 2px rgb(0 0 0 / 0.04);
}
.accreditation-page .shadow-hover,
.accreditation-page .hover\:shadow-hover:hover {
  box-shadow: 0 8px 24px rgb(0 0 0 / 0.1);
}

/* ---------- Border radius fix ---------- */
.accreditation-page .rounded-\[24px\] { border-radius: 24px !important; }
.accreditation-page .rounded-lg       { border-radius: 8px !important; }
.accreditation-page .rounded-md       { border-radius: 6px !important; }

/* Mesh background gradient */
.accreditation-page .mesh-bg {
  background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 40%, #ffffff 100%);
}

/* rounded-xl fix */
.accreditation-page .rounded-xl { border-radius: 12px !important; }