/* Yezbi brand and interface tokens. Approved by Derek on October 8, 2026; values from
   output/yezbi-brand-kit/tokens.css (contrast pairs: output/yezbi-brand-kit/qa/contrast-report.json).
   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-blue: #1747E9;
  --yezbi-brand-orange: #F26109;
  --yezbi-brand-emerald: #05AD68;
  /* 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"] {
  --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: #355FCB;
  --yz-primary-hover: #294EA8;
  --yz-on-primary: #FFFFFF;
  --yz-primary-soft: #E9EFFC;
  --yz-emphasis: #A64B22;
  --yz-emphasis-soft: #FCEEE5;
  --yz-success: #177451;
  --yz-success-soft: #E6F4ED;
  --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-focus: #355FCB;
  /* Brand header: white bar, dark app name. */
  --yz-header-bg: #FFFFFF;
  --yz-header-border: #CED6DF;
  --yz-brand-name: #243247;
}
[data-yezbi-theme="dark"] {
  --yz-background: #141B26;
  --yz-surface: #1C2634;
  --yz-raised: #253244;
  --yz-text: #EDF2F7;
  --yz-muted: #B3BFCE;
  --yz-border: #3B4B61;
  --yz-control-border: #687D98;
  --yz-primary: #9CB9FF;
  --yz-primary-hover: #BACDFF;
  --yz-on-primary: #16264F;
  --yz-primary-soft: #273653;
  --yz-emphasis: #F2B387;
  --yz-emphasis-soft: #3E302A;
  --yz-success: #78D5AD;
  --yz-success-soft: #1E3B33;
  --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-focus: #9CB9FF;
  /* Brand header: the approved slate bar, full-color logo, light app name, no white plate. */
  --yz-header-bg: #1C2634;
  --yz-header-border: #3B4B61;
  --yz-brand-name: #EDF2F7;
}