/* news.css — Creative Human parent identity (Room + Archive modes).
 *
 * Loaded on the news-led homepage, the /news archive, individual /news/<slug>
 * posts, /about, /work-with-us, /careers, /contact. Never on Glasshouse or
 * Brew Chai pages.
 *
 * The studio identity must NOT visually mimic either product. This file
 * commits to a third visual register — editorial, oxblood-accented, serif-led
 * — that reads "publication" rather than "product."
 *
 * Visual identity (locked 2026-04-30):
 *   accent:        #7c1f2e (deep oxblood — editorial, considered, not tech)
 *   accent-deep:   #5a1620 (hover/heading underlines)
 *   accent-faint:  rgba(124, 31, 46, 0.10) (background washes for tags)
 *   surface:       #faf8f3 (warm-tinted near-white, paper feel)
 *   surface-dim:   #f0ece2 (tile backgrounds, subtle separation)
 *   ink:           #1a1814 (warm-tinted near-black)
 *   ink-mute:      #5a564e
 *   ink-faint:     #8c887e
 *
 *   serif (display+body):  "Source Serif 4", "Source Serif Pro", Georgia, serif
 *   sans (chrome+meta):    "Inter Tight", "Inter", system-ui, sans-serif
 *
 * Last Updated: 2026-04-30 (rebuild)
 */

:root {
  /* News/parent tokens — ch- prefix (Creative Human parent). */
  --ch-accent:           #7c1f2e;
  --ch-accent-deep:      #5a1620;
  --ch-accent-faint:     rgba(124, 31, 46, 0.10);
  --ch-accent-rule:      rgba(124, 31, 46, 0.32);

  --ch-surface:          #faf8f3;
  --ch-surface-dim:      #f0ece2;
  --ch-surface-elev:     #fffcf6;
  --ch-ink:              #1a1814;
  --ch-ink-mute:         #5a564e;
  --ch-ink-faint:        #8c887e;

  --ch-rule:             rgba(154, 148, 138, 0.22);
  --ch-rule-strong:      rgba(154, 148, 138, 0.42);
}

/* ============================================================
   Page chrome — Room/Archive defaults
   ============================================================ */

body.ch-page {
  background: var(--ch-surface);
  color: var(--ch-ink);
  font-family: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-feature-settings: "tnum", "kern", "liga";
}

.ch-sans {
  font-family: "Inter Tight", "Inter", system-ui, sans-serif;
}

.ch-meta {
  font-family: "Inter Tight", "Inter", system-ui, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ch-ink-faint);
}

/* Wordmark with logo mark — used in parent nav across the studio site.
   The mark sits next to the "Creative Human" text. We override the inline
   ::after dot in pages that opt in by adding the mark image. */
.ch-wordmark-mark {
  width: 1.4em;
  height: 1.4em;
  display: inline-block;
  vertical-align: -0.18em;
  margin-right: 0.45rem;
}

/* News tile — used on / and /news. The hero tile uses .ch-news-tile.is-hero. */
.ch-news-tile {
  background: var(--ch-surface-elev);
  border-top: 1px solid var(--ch-rule);
  padding: 2rem 0;
}

.ch-news-tile.is-hero {
  border-top: none;
  padding: 0;
}

.ch-news-tile a {
  color: var(--ch-ink);
  text-decoration: none;
  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ch-news-tile a:hover {
  color: var(--ch-accent);
}

/* Tag chip — small Inter caps, oxblood faint background. */
.ch-tag {
  font-family: "Inter Tight", "Inter", system-ui, sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ch-accent);
  background: var(--ch-accent-faint);
  padding: 0.18rem 0.55rem;
  border-radius: 2px;
}