/* ═══ SHARED DESIGN TOKENS — Better Me AI Lab ═══
   Loaded by every ai-lab/*.html page. Contains ONLY the CSS variables
   verified to be byte-identical across all 5 pages (voice, words,
   career, better-me, index) — extracted by diffing each page's :root
   block, not assumed. Page-specific variables (border-radius names,
   --display, --green/--coral, pillar colours, --navy-d, --ink) are
   deliberately NOT here — they differ per page (sometimes in value,
   sometimes in whether they exist at all) and merging them would have
   silently changed colours/radii on pages that didn't ask for that.
   Each page keeps its own :root{} block for anything not listed here. */
:root{
  --navy:#1C2B5E;
  --accent:#E8B84B;
  --white:#FFFFFF;
  --beige:#F2EDE4;
  --muted:#6B6F87;
  --sans:'Plus Jakarta Sans',system-ui,sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif;
}

/* Twemoji — must render at the same size/alignment as native emoji text */
img.emoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-0.1em;display:inline-block}