/* The pages of their own in the current design (Derek, October 20, note 22: "it took me to an old-formatted page under
   the privacy page. We need to make sure that all of the search results lead to the current format and that all of the
   pages we actually care about are formatted to the new standard").
   Privacy and your data, Parental permission, Theme Studio (records.html), the organizers' page and "For grown-ups:
   privacy" keep their own markup and scripts, and load this last, with tokens.css and palette.css (and
   js/page-theme.js for Light and Dark):
   - their colors are the app's paper palette: the older pages' color names (--bg, --text, --accent …, and the brand
     kit's --yz-*) are pointed at the app's, so every rule that uses them follows, in Light and Dark;
   - the type and the round corners are the app's;
   - the older side menu, header and bottom tabs (js/tabs.js) aren't loaded; "← Back to Yezbi Homeschool" leads back.
   test/app/app-qc.mjs "every search result and every link opens in the current design" walks them. */
:root:root:root{
  --bg:var(--hs-bg); --bg-elev:var(--hs-surface); --bg-elev-2:var(--hs-border); --hh-line:var(--hs-border);
  --hh-control-line:var(--hs-control); --hh-grid:var(--hs-bg); --hh-hour-line:var(--hs-rule);
  --text:var(--hs-text); --text-muted:var(--hs-muted); --text-dim:var(--hs-muted);
  --accent:var(--hs-primary); --accent-hover:var(--hs-primary-on-soft); --hh-on-accent:var(--hs-on-primary); --hh-accent-ink:var(--hs-primary);
  --hh-positive:var(--hs-success); --leaf:var(--hs-success); --danger:var(--hs-danger);
  --hh-ink-danger:var(--hs-danger); --hh-ink-success:var(--hs-success); --hh-ink-warning:var(--hs-gold); --hh-ink-highlight:var(--hs-emph);
  --hh-theme-color:var(--hs-header); --shadow:var(--hs-shadow); --radius:var(--hs-r-item); --radius-lg:var(--hs-r-card);
  --yz-background:var(--hs-bg); --yz-surface:var(--hs-surface); --yz-raised:var(--hs-raised); --yz-border:var(--hs-border);
  --yz-control-border:var(--hs-control); --yz-text:var(--hs-text); --yz-muted:var(--hs-muted); --yz-focus:var(--hs-primary);
  --yz-primary:var(--hs-primary); --yz-primary-hover:var(--hs-primary-on-soft); --yz-on-primary:var(--hs-on-primary);
  --yz-primary-soft:var(--hs-primary-soft); --yz-primary-on-soft:var(--hs-primary-on-soft);
  --yz-success:var(--hs-success); --yz-success-soft:var(--hs-success-soft); --yz-danger:var(--hs-danger); --yz-danger-soft:var(--hs-danger-soft); --yz-on-danger:var(--hs-on-danger);
  --yz-gold:var(--hs-gold); --yz-gold-soft:var(--hs-gold-soft); --yz-emphasis:var(--hs-emph); --yz-emphasis-soft:var(--hs-emph-soft);
  --yz-teal:var(--hs-teal); --yz-teal-soft:var(--hs-teal-soft); --yz-plum:var(--hs-plum); --yz-plum-soft:var(--hs-plum-soft);
  --yz-inverse:var(--hs-inv); --yz-on-inverse:var(--hs-on-inv);
  --yz-header-bg:var(--hs-header); --yz-header-border:var(--hs-rule); --yz-header-avatar:var(--hs-avatar);
}
:root:root body{background-color:var(--hs-bg);color:var(--hs-text);font-family:var(--hs-font)}
:root:root :is(h1,h2,h3){color:var(--hs-text);letter-spacing:0}
:root:root a:not([class]){color:var(--hs-primary)}
/* Buttons and fields: the app's pill buttons and soft fields. */
:root:root :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden]),select,textarea){background:var(--hs-surface);color:var(--hs-text);border-color:var(--hs-control);border-radius:var(--hs-r-item)}
:root:root :is(input,textarea)::placeholder{color:var(--hs-muted);opacity:1}
/* The way back: the app's top bar, the Yezbi Homeschool name and ← Back. */
:root:root :is(.yz-back-bar){position:sticky;top:0;z-index:30;display:flex;align-items:center;min-height:64px;padding:0 20px;background:var(--hs-header);box-shadow:0 1px 0 var(--hs-rule)}
:root:root :is(.yz-back,.privacy-back,[data-back-to-app]){display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;margin-left:-14px;border-radius:999px;color:var(--hs-primary);font-weight:700;text-decoration:none}
:root:root :is(.yz-back,.privacy-back,[data-back-to-app]):hover{background:var(--hs-primary-soft)}
/* Cards on the page take the app's card: paper, a soft edge, round corners. */
:root:root :is(.privacy-card,.consent-card,.signed-out-card,.records-panel,.panel,.card,.org-card){background:var(--hs-surface);color:var(--hs-text);border-color:var(--hs-border);border-radius:var(--hs-r-card)}
/* The older pages' own header and menu, if a script still draws them, stay out of the way. */
:root:root :is(.tab-bar,.hh-sidebar,.hh-app-header){display:none!important}
:root:root body.has-tab-bar{padding-left:0!important;padding-bottom:0!important}
