/* Google Fonts: Playfair Display (Serif for Logo/Headers) & Inter (Sans-serif for body text) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Noto+Sans+Gujarati:wght@300;400;500;600;700&display=swap');

:root {
  --color-teal-primary: #009ca6;
  --color-teal-dark: #008189;
  --color-teal-light: #f0f8f8;
  --color-charcoal-dark: #222222;
  --color-charcoal-medium: #3a3a3a;
  --color-charcoal-light: #718096;
  --color-logo-grey: #6D6E70;
}

.bg-logo-grey {
  background-color: #6D6E70;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--color-charcoal-medium);
  background-color: #ffffff;
  overflow-x: hidden;
}

/* Gujarati Font Override */
.font-gujarati {
  font-family: 'Noto Sans Gujarati', 'Inter', sans-serif;
}

/* Serif font style matching the Logo */
.font-logo-serif {
  font-family: 'Playfair Display', Georgia, serif;
}

/* Custom colors for non-Tailwind styling (or as fallback) */
.text-teal-primary { color: var(--color-teal-primary); }
.bg-teal-primary { background-color: var(--color-teal-primary); }
.border-teal-primary { border-color: var(--color-teal-primary); }

/* Skeleton animation for empty content blocks (since it's a framework) */
@keyframes pulse-light {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}

.skeleton-pulse {
  animation: pulse-light 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  background-color: #e2e8f0;
}

/* Active Nav Links styling */
.nav-link-active {
  color: var(--color-teal-primary);
  border-bottom: 2px solid var(--color-teal-primary);
}

/* Custom Scrollbar for better UI */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-teal-primary);
}

/* Print Stylesheet for Official Baby Scan Report */
@media print {
  header,
  footer,
  nav,
  #btn-print-schedule,
  #calculator-form,
  .no-print,
  #dp-modal,
  #baby-scan-pdf-overlay {
    display: none !important;
  }

  body {
    background: #ffffff !important;
    color: #1E293B !important;
    font-size: 11pt !important;
    margin: 0 !important;
    padding: 10mm !important;
  }

  #calculator-results {
    display: block !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  tr {
    page-break-inside: avoid !important;
  }

  table {
    border-collapse: collapse !important;
    width: 100% !important;
  }

  th, td {
    border-bottom: 1px solid #E2E8F0 !important;
  }
}