/* ==========================================================================
   PBN Cakra — brand skin. Palette from the Cakra icon (crimson aperture +
   sunrise). Character: light, AIRY, elegant magazine — Palatino serif, italic
   standfirsts, thin crimson rules. Reading-first for opinion & analysis.
   Archetype: magazine-split (see layout-magazine-split.css).
   ========================================================================== */
:root {
  --c-primary: #9d174d;        /* crimson — from logo */
  --c-primary-700: #6b0f35;
  --c-primary-100: #fbe8f0;
  --c-accent: #be185d;         /* magenta-rose — AA on light surfaces */
  --c-accent-100: #fce7f3;
  --c-on-primary: #ffffff;
  --c-on-accent: #ffffff;

  --c-bg: #fffdfc;             /* warm ivory */
  --c-surface: #ffffff;
  --c-surface-2: #faf4f7;      /* faint rose tint */
  --c-text: #1f1620;
  --c-text-muted: #6a606e;
  --c-border: #ece2e8;

  --c-header-bg: #9d174d;
  --c-header-text: #ffffff;
  --c-topbar-bg: #6b0f35;
  --c-footer-bg: #6b0f35;

  /* Elegant book serif — distinct from Portal's Georgia & Tinta's Charter. */
  --font-display: "Palatino Linotype", "Book Antiqua", Palatino, "Iowan Old Style", Georgia, serif;

  /* Airier reading rhythm. */
  --lh-body: 1.75;
  --radius: 12px;
}

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

/* Elegant editorial cues: italic standfirsts, hairline eyebrows. */
.mag-dek { font-style: italic; }
.mag-eyebrow { font-weight: 700; letter-spacing: .18em; color: var(--c-accent); }
.mag-lead__title { letter-spacing: -.01em; }
.mag-block__title { border-bottom-width: 1px; border-bottom-color: var(--c-accent); }
.mag-quote { background: var(--c-primary-100); }
.section__title { font-family: var(--font-body); }

/* Micro-differentiation — Cakra leans OPINION/ANALYSIS/PERSPECTIVE:
   elevate the Opinion block into a tinted panel so the rail reads as a column
   of voices, and give opinion titles a touch more presence. */
.mag-rail .mag-block:first-of-type { background: var(--c-primary-100); padding: var(--sp-4); border-radius: var(--radius); }
.mag-rail .mag-block:first-of-type .mag-block__title { border-bottom-color: var(--c-primary); }
.mag-oplist .mag-op__title { font-size: 1.06rem; }
.article .prose > p:first-of-type { font-style: italic; color: var(--c-text-muted); } /* analytical lede, not literary drop-cap */