/* ParenThing design tokens - single source of truth.
   Pages link this AFTER their own inline styles and BEFORE footer.css.
   Values match the brand system: warm cream surfaces, teal primary,
   coral + violet accents, warm-tinted shadows. Never cold greys. */
:root{
  --cream:hsl(36 38% 98%);
  --card:#ffffff;
  --ink:#1e2a40;
  --slate:#647387;
  --faint:#5f6d80;
  --teal:#578075;
  --teal-dark:#456b61;
  --teal-text:hsl(160 30% 28%);
  --coral:#f56f47;
  --violet:hsl(255 70% 58%);
  --border:#e7e0d5;
  --well:#f3efe7;
  --teal-tint:rgba(87,128,117,.1);
  --radius:18px;
  --radius-sm:0.875rem;
  --radius-lg:24px;
  --shadow:0 1px 2px hsl(24 40% 22%/.06),0 8px 24px hsl(24 40% 22%/.09);
  --shadow-lg:0 20px 60px hsl(24 40% 22%/.16);
}

/* Standard site header. Identical markup ships on every non-homepage page:
   header.site > nav > a.logo + ul.nav-links + div.nav-cta.
   Pages may still carry a local copy of these rules; this file is the
   canonical version and local copies are removed template by template. */
header.site{position:sticky;top:0;z-index:50;background:rgba(247,244,238,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
header.site nav{max-width:1080px;margin:0 auto;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:flex-start;gap:20px}
header.site .logo{display:flex;align-items:center;font-family:'Inter',sans-serif;font-weight:700;font-size:1.15rem;color:var(--ink);letter-spacing:-.02em;text-decoration:none}
header.site .logo img{width:32px;height:32px;border-radius:8px;margin-right:9px}
header.site .nav-links{display:flex;gap:20px;list-style:none;align-items:center;margin:0;padding:0}
header.site .nav-links a{color:var(--slate);font-size:.92rem;font-weight:500;text-decoration:none}
header.site .nav-links a:hover{color:var(--ink);text-decoration:none}
header.site .nav-cta{margin-left:auto;display:flex;align-items:center;gap:12px}
header.site .btn-ghost{border:1px solid var(--border);color:var(--ink);background:#fff;padding:.5rem 1.1rem;border-radius:999px;font-weight:600;white-space:nowrap;text-decoration:none;font-size:.92rem}
header.site .btn-ghost:hover{border-color:var(--teal);color:var(--teal);text-decoration:none}
header.site .btn-nav{background:var(--teal);color:#fff;padding:.5rem 1.1rem;border-radius:999px;font-weight:600;white-space:nowrap;text-decoration:none;font-size:.92rem}
header.site .btn-nav:hover{background:var(--teal-dark);color:#fff;text-decoration:none}
@media(max-width:760px){header.site .nav-links{display:none}}