/* ==========================================================================
   PBN Tinta — brand skin. Palette from the Tinta icon (maroon pen-nib + gold
   flame). Character: WARM, literary magazine — cream surfaces, bookish serif,
   firmer headlines, gold accents. Reading-first for feature & human-interest.
   Archetype: magazine-split. Distinct from Cakra (crimson/airy/Palatino).
   ========================================================================== */
:root {
  --c-primary: #7f1d1d;        /* deep maroon — from logo */
  --c-primary-700: #5c1414;
  --c-primary-100: #f6e9e3;
  --c-accent: #8a5206;         /* deep gold — AA on cream surfaces (incl. quote box) */
  --c-accent-100: #faedcd;
  --c-on-primary: #ffffff;
  --c-on-accent: #ffffff;

  --c-bg: #fffdf8;             /* warm cream */
  --c-surface: #ffffff;
  --c-surface-2: #f8f1e6;      /* cream */
  --c-text: #1c1614;
  --c-text-muted: #6b6155;
  --c-border: #e9e0d2;

  --c-header-bg: #7f1d1d;
  --c-header-text: #ffffff;
  --c-topbar-bg: #5c1414;
  --c-footer-bg: #5c1414;

  /* Bookish serif — distinct from Cakra's Palatino & Portal's Georgia. */
  --font-display: Charter, "Bitstream Charter", "Sitka Text", Cambria, "Hoefler Text", Georgia, serif;

  --radius: 8px;
}

/* Lock the non-square logo's true ratio so it never distorts. */
.brand .custom-logo { aspect-ratio: 80 / 88; width: auto; }
.brand__name { font-family: var(--font-display); font-weight: 700; }

/* Decorative gold hairline under the masthead — the flame motif. */
.site-header { border-bottom: 3px solid #e0a93b; }

/* Firmer, warmer headlines; gold eyebrows. */
.mag-lead__title, .mag-feature__title, .mag-card__title { font-weight: 700; letter-spacing: -.005em; }
.mag-eyebrow { font-weight: 800; color: var(--c-accent); }
.mag-block__title { color: var(--c-primary); }
.section__title { font-family: var(--font-body); }

/* Literary lead: a gold standfirst rule. */
.mag-lead .mag-dek { border-left: 3px solid var(--c-accent); padding-left: var(--sp-4); font-size: 1.18rem; }

/* Micro-differentiation — Tinta leans FEATURE/HUMAN-INTEREST/LITERARY:
   a drop-cap opens every article like a magazine feature, and bylines carry a
   warmer, narrative weight. */
.article .prose > p:first-of-type::first-letter {
  float: left; font-family: var(--font-display); font-weight: 700;
  font-size: 3.5rem; line-height: .8; padding: .04em .12em 0 0; color: var(--c-primary);
}
.mag-byline b, .article__author { color: var(--c-primary); }
.mag-feature__title a:hover, .mag-card__title a:hover { color: var(--c-accent); }