/* ========================================
   COFFEE THEME VARIABLES
   Morning banter: Light, airy, sunrise
   tones with fresh coffee shop energy
   ======================================== */
:root {
  /* ===== COLOR PALETTE ===== */
  /* Background & Surfaces */
  --body-bg-color: linear-gradient(
    to bottom,
    #A7C1D4 0%,
    #A7C1D4 60%,
    #E5E7E0 75%,
    #FEF6E3 87%,
    #FDC17D 100%
  );
--wrapper-bg: #ffffff;
--wrapper-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
/* Typography */
--text-primary: #2d2520;
--text-secondary: #5d534a;
--text-muted: #8a7f75;
--heading-color: #3d3028;
--link-color: #c49563;
--link-hover: #b07a48;
/* Speaker Blocks */
--gil-bg: #fffbf0;
--gil-border: rgba(212, 165, 116, 0.15);
--gil-text: #2d2520;
--zeke-bg: #f8f9fa;
--zeke-border: rgba(93, 83, 74, 0.12);
--zeke-text: #2d2520;
/* UI Elements */
--timestamp-color: #8a7f75;
--nav-bg: rgba(255, 251, 240, 0.98);
--nav-text: #3d3028;
--nav-hover: rgba(212, 165, 116, 0.2);
--nav-border: #d4a574;
--menu-button-bg: #fffbf0;
/* Pinned dinner link */
--pinned-bg: transparent;
--pinned-text: #5d534a;
--pinned-link: #c49563;
--pinned-hover-bg: var(--zeke-bg);
--pinned-hover-text: #2d2520;
/* List/Nav styling */
--list-border-light: rgba(212, 165, 116, 0.2);
--list-border-dark: rgba(212, 165, 116, 0.4);
--list-hover-bg: rgba(212, 165, 116, 0.1);
--list-hover-color: #c49563;
/* Footer */
--footer-border: rgba(138, 127, 117, 0.25);
--footer-text: #5d534a;
--footer-link: #c49563;
/* ===== TYPOGRAPHY ===== */
/* Base font - used for headers, body, narrator text */
--font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
/* Speaker-specific fonts */
--font-gil: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
--font-zeke: 'SF Mono', 'Monaco', 'Consolas', 'Courier New', monospace;
/* Secondary/utility font */
--font-secondary: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
/* ===== SPACING & RHYTHM ===== */
--content-max-width: 45em;
--wrapper-radius: 1.2em;
--speaker-radius: 0.8em;
/* ===== LINE HEIGHT ===== */
--line-height-tight: 1.35;
--line-height-base: 1.6;
--line-height-relaxed: 1.75;
}
/* ========== BODY STYLES (COFFEE THEME) ========== */
body {
  background: var(--body-bg-color);
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 1em 0.75em;
}