/* Editorial theme (the site default) — loaded on top of style.css; fonts are linked in index.html (Poppins 800 is used only for the name).
   Same ink + purple family, but no gradients: one solid accent, serif display type, warm paper background. */

:root {
  --bg: #fbfaf7;
  --bg-alt: #f3f1ec;
  --border: #e6e1d6;
  --text: #16183a;
  --muted: #5d6178;
  --accent: #5b45e0;
  --pink: var(--accent);
  --grad: var(--accent);
  --grad-btn: var(--text);
  --shadow: 0 8px 24px rgba(22, 24, 58, 0.06);
  --serif: 'Fraunces', Georgia, 'Times New Roman', serif;
}

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; background: var(--bg); }
h2, .post h3, .video h3, .feat h3, .feat-subhead, .book-feature h3, .year-group > h3 { font-family: var(--serif); letter-spacing: -0.01em; }

/* Name: the original heavy Poppins lettering, solid ink first name + solid accent surname — no gradient */
.grad-text { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--accent); }
.logo, .hero-mini h1 { font-family: 'Poppins', 'Inter', sans-serif; font-weight: 800; }
.logo { font-size: 1.3rem; letter-spacing: -0.02em; }
.hero-mini h1 { letter-spacing: -0.035em; }
.hero-mini .roles { font-family: 'Inter', sans-serif; font-weight: 500; letter-spacing: 0.02em; color: var(--muted); }

/* Quiet hero: no colour blobs, single solid ring */
.hero { background: var(--bg); }
.hero::before, .hero::after { display: none; }
.hero-mini .avatar { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent), var(--shadow); border-width: 3px; }

/* Solid buttons and accents */
.btn { box-shadow: none; }
.btn:hover { background: var(--accent); filter: none; box-shadow: none; }
.btn-ghost { background: transparent; }
.btn-ghost:hover { background: var(--text); color: #fff !important; }
.yt::after { background: var(--text); box-shadow: 0 6px 18px rgba(22, 24, 58, .3); }
.yt:hover::after { background: var(--accent); }
.honors li::before { background: var(--accent); }

/* Editorial cards: hairlines instead of shadows */
.post, .stat, .card, .book-list li, .book-feature { box-shadow: none; }
.post:hover { box-shadow: none; transform: none; border-color: var(--accent); }
.post .src { color: var(--accent); }
.post h3 { font-weight: 600; font-size: 1.12rem; }
.writing-head h2, .section-head h2 { font-weight: 600; }
.outlets a:hover, .chip:hover { border-color: var(--accent); }
.year-group > h3 { color: #b9b3a5; font-weight: 600; }
.site-header { background: rgba(251, 250, 247, 0.92); }