/* =========================================================
   OKLYCOSMETICS — TIPOGRAFÍA GLOBAL V2
   TÍTULOS: DM Serif Display
   TEXTOS:  Marcellus
   No modifica posiciones, tamaños, imágenes ni estructura.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Marcellus&display=swap');

:root{
  --font-okly-title: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-okly-body: "Marcellus", Georgia, "Times New Roman", serif;
}

/* Base absoluta: todo contenido textual usa Marcellus */
html,
body,
button,
input,
textarea,
select,
option{
  font-family:var(--font-okly-body) !important;
}

/* Herencia de contenido */
body,
body p,
body a,
body li,
body label,
body small,
body span,
body strong,
body em,
body blockquote,
body figcaption,
body dt,
body dd,
body th,
body td,
body nav,
body .btn,
body .eyebrow,
body .lead,
body .form-card,
body .site-footer,
body .footer,
body .main-nav,
body .benefit-item,
body .product-card p,
body .business-card p,
body .why-card p,
body .display-card p,
body .lead-section p{
  font-family:var(--font-okly-body) !important;
}

/* Títulos editoriales: siempre DM Serif Display */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .hero-reel-primary h1,
body .section-head h2,
body .section-title,
body .product-card h3,
body .business-card h3,
body .why-card h3,
body .display-card h3,
body .lead-copy h2,
body .lead-section h2,
body .card-title,
body .business-title,
body .display-title{
  font-family:var(--font-okly-title) !important;
  font-style:normal !important;
  font-weight:400 !important;
}

/* Botones, navegación, formularios y microcopy permanecen como texto */
body .btn,
body button,
body input,
body textarea,
body select,
body label,
body .main-nav a,
body .nav-brand-link,
body .eyebrow{
  font-family:var(--font-okly-body) !important;
}

/* No tocar imágenes/logotipos */
body img,
body picture,
body svg{
  font-family:initial !important;
}