/* =============================================================
   Ilumina Murcia — core/typography.css
   Tipografía base: titulares, párrafos, eyebrow, énfasis.
   ============================================================= */

/* --- Titulares --- */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-sans);
    font-weight: var(--fw-bold);
    line-height: var(--lh-tight);
    color: var(--color-text);
    margin: 0 0 var(--sp-4);
    letter-spacing: -0.01em;
}

h1 {
    font-size: var(--fs-h1);
    line-height: var(--lh-tight);
}

h2 {
    font-size: var(--fs-h2);
    line-height: var(--lh-snug);
}

h3 {
    font-size: var(--fs-h3);
    font-weight: var(--fw-semibold);
}

h4 {
    font-size: var(--fs-xl);
    font-weight: var(--fw-semibold);
}

h5 {
    font-size: var(--fs-lg);
    font-weight: var(--fw-semibold);
}

h6 {
    font-size: var(--fs-base);
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}


/* --- Eyebrow / antetítulo --- */
/* Pequeñito, en sans, mayúsculas, espaciado. */
.eyebrow {
    display: inline-block;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--color-primary);
    margin-bottom: var(--sp-3);
}

.eyebrow--accent {
    color: var(--color-accent);
}

.eyebrow--inverse {
    color: var(--color-text-inverse);
    opacity: 0.85;
}


/* --- Lead / párrafo destacado --- */
.lead {
    font-size: var(--fs-lg);
    line-height: var(--lh-relaxed);
    color: var(--color-text);
    margin-bottom: var(--sp-5);
}

.lead--muted {
    color: var(--color-text-muted);
}


/* --- Énfasis y utilidades de texto --- */
.text-muted    { color: var(--color-text-muted); }
.text-inverse  { color: var(--color-text-inverse); }
.text-primary  { color: var(--color-primary); }
.text-accent   { color: var(--color-accent); }
.text-energy   { color: var(--color-energy); }

.text-center   { text-align: center; }
.text-left     { text-align: left; }
.text-right    { text-align: right; }

.text-xs       { font-size: var(--fs-xs); }
.text-sm       { font-size: var(--fs-sm); }
.text-lg       { font-size: var(--fs-lg); }
.text-xl       { font-size: var(--fs-xl); }

.fw-regular    { font-weight: var(--fw-regular); }
.fw-medium     { font-weight: var(--fw-medium); }
.fw-semibold   { font-weight: var(--fw-semibold); }
.fw-bold       { font-weight: var(--fw-bold); }


/* --- Hr decorativo --- */
hr {
    border: 0;
    height: 1px;
    background: var(--color-border);
    margin: var(--sp-6) 0;
}

hr.hr--accent {
    background: var(--color-accent);
    height: 2px;
    width: 60px;
    margin-left: 0;
}