@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
@import "tailwindcss";

@theme {
  --color-primary: #0A6EB4;
  --color-primary-dark: #085891;
  --color-secondary: #2FA8A1;
  --color-secondary-dark: #23857e;
  --color-medical-red: #E63946;
  --color-medical-red-dark: #C92A37;
  --color-medical-red-light: #FFF0F1;
  --color-medical-gray: #F7F9FC;
  --color-medical-accent: #E8F4FF;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Plus Jakarta Sans", "Inter", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  color: #1f2937;
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}