/* Branch Kids — marketing/landing-page tokens.
   NOT part of the canonical design system (unlike everything under
   /design-system, which scripts/sync-content.mjs regenerates verbatim from
   engineering-camp — see docs/implementation-inventory.md). The landing
   page mockup (Branch Kids Landing.dc.html) references a --branch- prefix
   plus --font-serif/--font-mono tokens that have no canonical source; this
   file defines it as an app-owned, additive supplement, scoped to
   marketing surfaces only. Values: --branch-gold is the one hex the mockup
   itself gives (rgba(212,175,55,...)); --branch-cream matches its own
   rgba(247,244,237,...) nav background; --font-serif reuses the existing
   canonical --font-parent-serif (Newsreader) rather than introducing a
   second serif; everything else (navy, line, muted, ink) is a new but
   deliberately restrained choice consistent with the existing
   --kids-parent-* deepened palette. */
:root {
  --branch-navy: #16233F;
  --branch-ink: var(--kids-parent-ink, #2A2E3A);
  --branch-muted: var(--kids-parent-muted, #6B7280);
  --branch-cream: #F7F4ED;
  --branch-cream-deep: #F1EADC;
  --branch-paper: #FFFFFF;
  --branch-line: var(--kids-parent-line, #E4DFD3);
  --branch-gold: #D4AF37;
  --branch-gold-deep: #B8901E;
  --text-on-navy-muted: rgba(247, 244, 237, 0.78);

  --font-serif: var(--font-parent-serif, "Newsreader", Georgia, serif);
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
}