/* Yezbi brand and interface tokens: the October 10, 2026 kit, "Sculpted Flare, A little brighter"
   (output/yezbi-brand-kit-sculpted-brighter-2026-10-10/tokens/tokens.json; contrast pairs in its qa/contrast-report.json).
   It replaced the October 8 kit on October 14, 2026 (Derek: "replace it"). The values match Homeschool's new design
   (apps/homeschool/frontend-next/css/next/tokens.css) and Kids Videos (apps/kidtube/frontend/css/yezbi-look.css).
   Three separate color systems (see README.md in this folder):
   1. Brand colors (--yezbi-brand-*) belong to the wordmark and app icons only.
   2. Interface roles (--yz-*) are for surfaces, text, actions, focus and status.
   3. Child identity and category colors stay with each app's saved settings. Never derive them from these tokens.
   Light values apply by default; an app puts data-yezbi-theme="dark" (or "light") on <html> or on a subtree. */
:root {
  --yezbi-brand-orange: #FF761A;
  --yezbi-brand-emerald: #12B878;
  /* Trebuchet MS where the device has it; otherwise Fira Sans, the closest open-licensed (SIL OFL 1.1) lookalike
     (README.md, "Font"). The Windows font itself is never distributed. */
  --yz-font-brand: 'Trebuchet MS', 'Fira Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
}
:root,
[data-yezbi-theme="light"] {
  --yezbi-brand-blue: #285AE8;
  --yz-background: #F7F8FA;
  --yz-surface: #FFFFFF;
  --yz-raised: #EFF2F6;
  --yz-text: #243247;
  --yz-muted: #59677A;
  --yz-border: #CED6DF;          /* decorative divider; not enough on its own for a field outline */
  --yz-control-border: #7B899D;  /* field and control edges, 3:1 or better on surface and raised */
  --yz-primary: #3B68CA;
  --yz-primary-hover: #2C55AB;
  --yz-on-primary: #FFFFFF;
  --yz-primary-soft: #EEF3FC;
  --yz-primary-on-soft: #2C55AB; /* text and icons on --yz-primary-soft */
  --yz-emphasis: #B4511E;
  --yz-emphasis-soft: #FEF4EE;
  --yz-success: #1F7556;
  --yz-success-soft: #EDF6F1;
  --yz-plum: #765B94;
  --yz-plum-soft: #F0EAF5;
  --yz-teal: #247778;
  --yz-teal-soft: #E7F3F2;
  --yz-gold: #816019;
  --yz-gold-soft: #FBF2DA;
  --yz-danger: #B13B4A;
  --yz-danger-soft: #FBECEF;
  --yz-on-danger: #FFFFFF;
  --yz-focus: #3B68CA;
  /* Snackbars and other inverse surfaces. */
  --yz-inverse: #243247;
  --yz-on-inverse: #EDF2F7;
  /* Brand header: white bar, dark app name. */
  --yz-header-bg: #FFFFFF;
  --yz-header-border: #CED6DF;
  --yz-header-avatar: #EFF2F6;
  --yz-brand-name: #243247;
}
[data-yezbi-theme="dark"] {
  /* The dark artwork's blue (yezbi-wordmark-dark.svg, inline/dark/, icons/dark/); orange and emerald are unchanged. */
  --yezbi-brand-blue: #6287EE;
  --yz-background: #141B26;
  --yz-surface: #1C2634;
  --yz-raised: #253244;
  --yz-text: #EDF2F7;
  --yz-muted: #B3BFCE;
  --yz-border: #3B4B61;
  --yz-control-border: #687D98;
  --yz-primary: #A3C0FE;
  --yz-primary-hover: #C0D3FE;
  --yz-on-primary: #16264F;
  --yz-primary-soft: #293A56;
  --yz-primary-on-soft: #C0D3FE;
  --yz-emphasis: #F7BB8D;
  --yz-emphasis-soft: #45352D;
  --yz-success: #84D1B2;
  --yz-success-soft: #233F38;
  --yz-plum: #CEB5EC;
  --yz-plum-soft: #352D44;
  --yz-teal: #81CBCD;
  --yz-teal-soft: #233B42;
  --yz-gold: #E6CB84;
  --yz-gold-soft: #3B3525;
  --yz-danger: #EEA1AA;
  --yz-danger-soft: #432B36;
  --yz-on-danger: #1C2634;
  --yz-focus: #A3C0FE;
  --yz-inverse: #EDF2F7;
  --yz-on-inverse: #1C2634;
  /* Brand header: the kit's neutral dark bar (not the slate page), light app name, the dark artwork, no white plate. */
  --yz-header-bg: #242424;
  --yz-header-border: #404040;
  --yz-header-avatar: #333333;
  --yz-brand-name: #F2F2F2;
}