/* ===========================================================
   EMPRESS TYPOGRAPHY SYSTEM 
   =========================================================== */

/* -----------------------------------------------------------
   GLOBAL BODY TEXT — LITERATA FOR ALL READING CONTENT
----------------------------------------------------------- */
body {
    font-family: "Literata", serif;
    font-size: 17px;
    line-height: 1.75;
    letter-spacing: 0.01em;
    color: var(--text);
}

/* -----------------------------------------------------------
   HEADINGS — DM SANS, CLEAN, ELEGANT
----------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.25;
    margin: 0 0 0.6em;
    color: inherit;
}

h1 { font-size: 3rem; }
h2 { font-size: 2.3rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.45rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1rem; }

/* -----------------------------------------------------------
   PARAGRAPHS — ZERO GLOBAL MARGINS (safer for homepage)
----------------------------------------------------------- */
p {
    margin: 0;
    font-family: "Literata", serif;
    font-size: 18px;
    line-height: 1.75;
}

@media (max-width: 768px) {
    p { font-size: 16px; line-height: 1.7; }
}

.article-body p,
.richtext p {
    margin-bottom: 1.2rem;
}

/* -----------------------------------------------------------
   ARTICLE STRUCTURE HELPERS (PRO)
----------------------------------------------------------- */

/* lead paragraph — jedno zdanie wyróżnione */
.lead {
    font-size: 1.3rem;
    line-height: 1.65;
    font-style: italic;
    opacity: 0.85;
    margin-bottom: 1.8rem;
}

/* meta: date + author */
.article-meta {
    font-family: "DM Sans", sans-serif;
    font-size: 0.82rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

/* signature at bottom */
.article-author-signature {
    font-family: "Herr Von Muellerhoff", cursive;
    font-size: 3.2rem;
    line-height: 1;
    opacity: 0.9;
    transform: rotate(-3deg);
    margin-top: 40px;
}

/* -----------------------------------------------------------
   INLINE LINKS — ONLY IN TEXT / ARTICLES
----------------------------------------------------------- */

.article-body a,
.richtext a,
p a {
    font-family: inherit;        /* stays Literata inside text */
    text-decoration: underline;
    text-underline-offset: 3px;
    opacity: 0.85;
    transition: opacity 0.3s ease;
}

.article-body a:hover,
.richtext a:hover,
p a:hover {
    opacity: 1;
}

/* -----------------------------------------------------------
   BLOCKQUOTES — MAGAZINE STYLE
----------------------------------------------------------- */
blockquote {
    font-family: "Literata", serif;
    font-style: italic;
    font-size: 22px;
    max-width: 420px;  
    text-align: center;
    font-weight: 500;
    line-height: 1.65;
    margin: 2.2rem 0;
}

/* -----------------------------------------------------------
   MOBILE ADJUSTMENTS
----------------------------------------------------------- */
@media (max-width: 768px) {
    body { font-size: 16px; line-height: 1.65; }

    h1 { font-size: 2.4rem; }
    h2 { font-size: 2rem; }
    h3 { font-size: 1.6rem; }

    .lead { font-size: 1.2rem; }
    .article-author-signature { font-size: 2.6rem; }
}