/* ==========================================================================
   Typography — @font-face declarations & base styles
   Dra. Carla Kurcrevski — Endocrinologia Pediatrica
   ========================================================================== */

/* ---- F37 Kookie ---- */

@font-face {
  font-family: 'F37 Kookie';
  src: url('../assets/fonts/F37Kookie-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'F37 Kookie';
  src: url('../assets/fonts/F37Kookie-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'F37 Kookie';
  src: url('../assets/fonts/F37Kookie-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'F37 Kookie';
  src: url('../assets/fonts/F37Kookie-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- Gotham ---- */

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/Gotham-Book.otf') format('opentype'),
       url('../assets/fonts/gotham-book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../assets/fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ---- Base Typography Styles ---- */

body {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
  color: var(--color-black);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-tight);
  color: var(--color-black);
}

h1 {
  font-size: var(--fs-2xl);
}

h2 {
  font-size: var(--fs-xl);
}

h3 {
  font-size: var(--fs-lg);
}

h4 {
  font-size: var(--fs-base);
}

p {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
}

a {
  text-decoration: none;
  color: inherit;
}