/* === TIPOGRAFÍA - @font-face === */

/* PPSupplyMono */
@font-face {
  font-family: 'PPSupplyMono-Regular';
  src: url('../public/fonts/PPSupplyMono-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PPSupplyMono-Ultralight';
  src: url('../public/fonts/PPSupplyMono-Ultralight.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* UfficioDisplay */
@font-face {
  font-family: 'UfficioDisplay-400';
  src: url('../public/fonts/UfficioDisplay-400.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'UfficioDisplay-600';
  src: url('../public/fonts/UfficioDisplay-600.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'UfficioDisplay-700';
  src: url('../public/fonts/UfficioDisplay-700.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Aeonik */
@font-face {
  font-family: 'Aeonik-Regular';
  src: url('../public/fonts/Aeonik-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik-Bold';
  src: url('../public/fonts/Aeonik-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik-Light';
  src: url('../public/fonts/Aeonik-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

/* Supply */
@font-face {
  font-family: 'Supply-Regular';
  src: url('../public/fonts/Supply-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* === TIPOGRAFÍA - Variables CSS (:root) === */

:root {
  /* Familias por uso */
  --font-base: 'PPSupplyMono-Regular', monospace;
  --font-heading: 'UfficioDisplay-600', serif;
  --font-description: 'Aeonik-Regular', sans-serif;

  /* PPSupplyMono */
  --font-ppsupply-mono-regular: 'PPSupplyMono-Regular', monospace;
  --font-ppsupply-mono-ultralight: 'PPSupplyMono-Ultralight', monospace;

  /* UfficioDisplay */
  --font-ufficio-400: 'UfficioDisplay-400', serif;
  --font-ufficio-500: 'UfficioDisplay-500', serif;
  --font-ufficio-600: 'UfficioDisplay-600', serif;
  --font-ufficio-700: 'UfficioDisplay-700', serif;

  /* Aeonik */
  --font-aeonik-regular: 'Aeonik-Regular', sans-serif;
  --font-aeonik-bold: 'Aeonik-Bold', sans-serif;
  --font-aeonik-light: 'Aeonik-Light', sans-serif;

  /* AcidGrotesk */
  --font-acid-grotesk-medium: 'AcidGrotesk-Medium', sans-serif;

  /* Supply */
  --font-supply-regular: 'Supply-Regular', sans-serif;
}

/* === TIPOGRAFÍA - Reglas globales === */

/* Texto base: p, span, li, a, label, input, button */
p,
span,
li,
a,
label,
input,
button {
  font-family: var(--font-base);
}

/* Títulos: h1, h2, h3, h4, h5, h6 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}

/* Títulos de sección con UfficioDisplay-600 (prioridad) */
.section-sanar-title,
.section-clientes-title,
.servicio-title,
.contacto-title {
  font-family: var(--font-heading);
}

/* Descripciones: .description, .subtitle, .caption, .servicio-desc, blockquote */
.description,
.subtitle,
.caption,
.servicio-desc,
blockquote {
  font-family: var(--font-description);
}