/*
Theme Name: PastPop
Template: twentytwentyfive
Description: PastPop brand child theme. Tokens locked: Round 1.
Version: 1.0.0
*/

/* ── Brand tokens ─────────────────────────────────── */
:root {
  --pp-rust:     #B05A3A;
  --pp-cream:    #F5F0E4;
  --pp-ink:      #23201B;
  --pp-ink-sub:  #4A453D;
  --pp-paper:    #EEE8DC;
  --pp-olive:    #6B7A5A;

  --wp--preset--color--rust:   #B05A3A;
  --wp--preset--color--cream:  #F5F0E4;
  --wp--preset--color--ink:    #23201B;
  --wp--preset--color--paper:  #EEE8DC;
  --wp--preset--color--olive:  #6B7A5A;
}

/* ── Global base ──────────────────────────────────── */
body {
  background-color: var(--pp-paper);
  color: var(--pp-ink);
  font-family: "Space Grotesk", sans-serif;
}

/* ── Typography ───────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.entry-title {
  font-family: "Fraunces", "Times New Roman", serif;
  font-weight: 700;
  font-style: italic;
  font-variation-settings: "opsz" 144, "SOFT" 80;
  color: var(--pp-ink);
  letter-spacing: -0.025em;
}

/* ── Links ────────────────────────────────────────── */
a { color: var(--pp-rust); }
a:hover { color: var(--pp-ink); }

/* ── Utilities ────────────────────────────────────── */
.pp-mono {
  font-family: "DM Mono", ui-monospace, monospace;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: var(--pp-ink-sub);
}

.pp-tag {
  display: inline-block;
  background: var(--pp-olive);
  color: var(--pp-cream);
  padding: 0.3em 0.7em 0.35em;
  font-family: "Fraunces", serif;
  font-style: italic;
  font-weight: 700;
  font-variation-settings: "opsz" 72;
  transform: rotate(4deg);
}

.pp-underline {
  text-decoration: underline;
  text-decoration-color: var(--pp-olive);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.pp-surface-rust {
  background: var(--pp-rust);
  color: var(--pp-cream);
}

.pp-surface-cream {
  background: var(--pp-cream);
  color: var(--pp-ink);
}