/* Revitalign Health - Modern Healthcare Design System */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --color-brand-primary: #0f766e;
  --color-brand-dark: #115e59;
  --color-brand-accent: #0284c7;
}

html {
  font-family: var(--font-sans);
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  color: #1e293b;
  background-color: #f8fafc;
  line-height: 1.6;
}

/* Accessible focus ring for WCAG AA compliance */
*:focus-visible {
  outline: 2px solid #0d9488 !important;
  outline-offset: 2px !important;
}

/* Custom interactive checklist */
.checklist-label:has(input:checked) {
  background-color: #f0fdfa;
  border-color: #0d9488;
  color: #134e4a;
}

.checklist-label:has(input:checked) .check-icon {
  background-color: #0d9488;
  border-color: #0d9488;
  color: #ffffff;
}

/* Smooth transitions */
.transition-card {
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.transition-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(15, 118, 110, 0.08), 0 8px 10px -6px rgba(15, 118, 110, 0.04);
}

/* Accordion transition */
.accordion-content {
  transition: max-height 0.3s ease-out, opacity 0.2s ease-out;
}

/* Print optimizations */
@media print {
  header, footer, #mobileDrawer, .no-print {
    display: none !important;
  }
  body {
    background: #ffffff !important;
    color: #000000 !important;
  }
}