/* Yezbi Homeschool's colors: the paper palette, Light and Dark (from app.css, October 20, so the pages of their own
   can wear it too: css/app/page.css). app.css imports it, after tokens.css. */
/* ---------- the paper palette (light) ----------
   Derek's calendar look, October 17 rounds 14–17 (apps/homeschool/docs/2026-10-17-calendar-styles-notes.md): the
   lighter parchment page #FDF9F0 on a #F3EBDA desk, dark-ink text, an ink-blue accent, red-ink "now", kraft for what's
   chosen, and a faint paper texture on the desk only (never behind text on a page). Applied to the parent app on
   October 19 with the laptop layout ("let's update it with the latest color palette and style we were going to use
   for the calendar"). The tones are darkened where needed to keep 4.5:1. Kid view and the family display have it too
   (Derek, later October 19: "Switch to the warm color"); all three load tokens.css first, so these win by coming later.
   Dark is the same paper at night (Derek, October 19: "dark mode should get a warm version to match"): warm brown-black
   desk and page, cream ink, the same accents lightened; every text tone at least 6:1 on the page and on what's chosen. */
:root{
  --hs-bg:#F3EBDA; --hs-surface:#FDF9F0; --hs-raised:#F8F2E6; --hs-text:#3B2E20; --hs-muted:#6E5C45;
  --hs-border:#E8DDC8; --hs-control:#8A7A62; --hs-primary:#3A5677; --hs-on-primary:#FFFFFF;
  --hs-primary-soft:#E3E8F0; --hs-primary-on-soft:#2E4B6A; --hs-emph:#A0461A; --hs-emph-soft:#F8E4D6;
  --hs-success:#22694C; --hs-success-soft:#E3EEE2; --hs-danger:#A63A24; --hs-danger-soft:#F6E1DC;
  --hs-teal:#1F6A6B; --hs-teal-soft:#E1ECE6; --hs-plum:#6E538C; --hs-plum-soft:#EEE6F0; --hs-gold:#7A5A14; --hs-gold-soft:#F7ECCB;
  --hs-header:#FAF4E8; --hs-header-text:#3B2E20; --hs-avatar:#F3EBDA; --hs-menu:#FDF9F0;
  --hs-inv:#3B2E20; --hs-on-inv:#FDF9F0; --hs-inv-action:#B9CDEA; --hs-scrim:rgba(40,28,14,.42);
  --hs-shadow:0 2px 10px rgba(60,40,20,.08); --hs-shadow-raised:0 8px 24px rgba(60,40,20,.2);
  --hs-now:#A63A24;
  /* The logo's blue (assets/brand: cornflower #4F6FAE in Light, #9BB4E0 in Dark), for + . */
  --hs-logo:#4F6FAE; --hs-on-logo:#FFFFFF;
  /* The logo's three colors (blue, teal, terracotta), for the Ask button. */
  --hs-ask-a:#4F6FAE; --hs-ask-b:#358A80; --hs-ask-c:#D0704F; --hs-on-ask:#FFFFFF;
  /* What's chosen (the left column's place, chips, By time · By child · Calendar): kraft, as in the pictures. */
  --hs-sel:#F5ECD3; --hs-rule:#E3D6BF;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --hs-bg:#1B1712; --hs-surface:#24201A; --hs-raised:#2D2820; --hs-text:#F1E8D8; --hs-muted:#C2B49E;
  --hs-border:#51473A; --hs-control:#8A7C66; --hs-primary:#A9C1E6; --hs-on-primary:#1B2433;
  --hs-primary-soft:#2C3442; --hs-primary-on-soft:#C7D6EE; --hs-emph:#F0A57A; --hs-emph-soft:#3E2E24;
  --hs-success:#8CCDB0; --hs-success-soft:#233830; --hs-on-success:#10261E; --hs-danger:#EFA394; --hs-danger-soft:#42292A; --hs-on-danger:#24201A;
  --hs-teal:#84C9C2; --hs-teal-soft:#213734; --hs-plum:#CDB6E6; --hs-plum-soft:#342C3D; --hs-gold:#E7C878; --hs-gold-soft:#3A3222;
  --hs-header:#221E19; --hs-header-text:#F1E8D8; --hs-avatar:#3A3226; --hs-menu:#2D2820;
  --hs-inv:#F1E8D8; --hs-on-inv:#24201A; --hs-inv-action:#3A5677; --hs-scrim:rgba(0,0,0,.55);
  --hs-shadow:none; --hs-shadow-raised:0 8px 24px rgba(0,0,0,.5); --hs-now:#EFA394; --hs-kid-ink:#1B1712;
  --hs-sel:#3A3226; --hs-rule:#463D31; --hs-logo:#9BB4E0; --hs-on-logo:#1B2433;
  --hs-ask-a:#9BB4E0; --hs-ask-b:#84C9C2; --hs-ask-c:#F0A57A; --hs-on-ask:#1B2433;
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --hs-bg:#1B1712; --hs-surface:#24201A; --hs-raised:#2D2820; --hs-text:#F1E8D8; --hs-muted:#C2B49E;
  --hs-border:#51473A; --hs-control:#8A7C66; --hs-primary:#A9C1E6; --hs-on-primary:#1B2433;
  --hs-primary-soft:#2C3442; --hs-primary-on-soft:#C7D6EE; --hs-emph:#F0A57A; --hs-emph-soft:#3E2E24;
  --hs-success:#8CCDB0; --hs-success-soft:#233830; --hs-on-success:#10261E; --hs-danger:#EFA394; --hs-danger-soft:#42292A; --hs-on-danger:#24201A;
  --hs-teal:#84C9C2; --hs-teal-soft:#213734; --hs-plum:#CDB6E6; --hs-plum-soft:#342C3D; --hs-gold:#E7C878; --hs-gold-soft:#3A3222;
  --hs-header:#221E19; --hs-header-text:#F1E8D8; --hs-avatar:#3A3226; --hs-menu:#2D2820;
  --hs-inv:#F1E8D8; --hs-on-inv:#24201A; --hs-inv-action:#3A5677; --hs-scrim:rgba(0,0,0,.55);
  --hs-shadow:none; --hs-shadow-raised:0 8px 24px rgba(0,0,0,.5); --hs-now:#EFA394; --hs-kid-ink:#1B1712;
  --hs-sel:#3A3226; --hs-rule:#463D31; --hs-logo:#9BB4E0; --hs-on-logo:#1B2433;
  --hs-ask-a:#9BB4E0; --hs-ask-b:#84C9C2; --hs-ask-c:#F0A57A; --hs-on-ask:#1B2433;
}
:root[data-yezbi-theme="light"] body{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.006 0.22' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.231 0 0 0 0 0.180 0 0 0 0 0.125 0 0 0 0.044 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.231 0 0 0 0 0.180 0 0 0 0 0.125 0 0 0 0.072 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),var(--hs-bg)}
:root[data-yezbi-theme="light"] .topbar.tb-top{box-shadow:0 1px 0 var(--hs-rule),0 3px 0 #F8F2E8,0 4px 0 var(--hs-rule)}
:root[data-yezbi-theme="light"] :is(.chip,.seg,.theme-pill){border-color:#DFD3BC}
:root[data-yezbi-theme="light"] .seg :is(button,a){border-right-color:#DFD3BC}
:root[data-yezbi-theme="light"] :is(.chip[aria-pressed="true"],.chip.on,.seg button[aria-pressed="true"],.seg a[aria-current="true"]){background:var(--hs-sel);border-color:#DFD3BC}