/* ============================================================
   DESIGN TOKENS — yolkcreativestudio.com
   Source of truth for all colors, type, and spacing.
   Change here = changes everywhere.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap');

:root {

  /* ── Colors ── */
  --bg:        #F7F5F2;   /* warm off-white — page background */
  --text:      #1A1917;   /* near-black — headlines, body */
  --text-sec:  #7A7672;   /* warm gray — metadata, captions */
  --text-ter:  #A8A49F;   /* light gray — rules, dividers, muted */
  --accent:    #B85C38;   /* terracotta — active nav, pull quotes, AI callouts */

  /* ── Typography ── */
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'DM Mono', 'Courier New', monospace;

  /* ── Layout ── */
  --content-width:  680px;
  --nav-width:      204px;
  --section-gap:    64px;
  --para-gap:       20px;
}