/* ===========================================================
   THEME — Warm Editorial (light)
   Magazine-style: warm cream, generous air, sparing accents.
   Load AFTER base.css.
   =========================================================== */
:root {
    --bg: #FAF7F2;
    --text: #1A1714;
    --heading: #1A1714;
    --muted: rgba(26, 23, 20, 0.62);
    --hairline: rgba(26, 23, 20, 0.12);

    --accent: #00CCCC;      /* turquoise */
    --accent-2: #E8734A;    /* coral (footer) */
    --eyebrow: #C2603C;     /* warm terracotta label */

    --header-bg: rgba(250, 247, 242, 0.78);
    --overlay-text: #ffffff;
    --tab-active-bg: #1A1714;
    --tab-active-text: #FAF7F2;
    --lightbox-bg: rgba(20, 17, 14, 0.93);
    --placeholder: rgba(26, 23, 20, 0.06);

    --card-radius: 4px;
    --grain-opacity: 0.035;
    --shadow: 0 18px 50px rgba(26, 23, 20, 0.14);
}

/* Editorial signature: left-aligned section heads with a hairline rule */
.section-head.editorial-align {
    text-align: left;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    gap: 1.4rem;
}
.section-head.editorial-align .eyebrow { margin-bottom: 0; }
.section-head.editorial-align .section-heading { grid-column: 1 / -1; }
.section-head.editorial-align::after {
    content: '';
    grid-row: 1;
    align-self: center;
    height: 1px;
    background: var(--hairline);
}