/* Yezbi Homeschool (remodel) design tokens: Look C, Bright Family.
   Colors come from the Sculpted Flare + "A little brighter" brand kit (tokens/tokens.json).
   Sizes follow Material 3 (body 16/24, targets 48, top bar 64, navigation bar 64). */
:root{
  color-scheme: light;
  --hs-bg:#F7F8FA; --hs-surface:#FFFFFF; --hs-raised:#EFF2F6; --hs-text:#243247; --hs-muted:#59677A;
  --hs-border:#CED6DF; --hs-control:#7B899D; --hs-primary:#3B68CA; --hs-on-primary:#FFFFFF;
  --hs-primary-soft:#EEF3FC; --hs-primary-on-soft:#2C55AB; --hs-emph:#B4511E; --hs-emph-soft:#FEF4EE;
  --hs-success:#1F7556; --hs-success-soft:#EDF6F1; --hs-on-success:#FFFFFF; --hs-danger:#B13B4A; --hs-danger-soft:#FBECEF; --hs-on-danger:#FFFFFF;
  --hs-teal:#247778; --hs-teal-soft:#E7F3F2; --hs-plum:#765B94; --hs-plum-soft:#F0EAF5; --hs-gold:#816019; --hs-gold-soft:#FBF2DA;
  --hs-header:#FFFFFF; --hs-header-text:#243247; --hs-avatar:#EFF2F6;
  --hs-inv:#243247; --hs-on-inv:#EDF2F7; --hs-inv-action:#A3C0FE; --hs-scrim:rgba(20,27,38,.42); --hs-menu:#FFFFFF;
  --hs-shadow:0 2px 10px rgba(16,24,40,.07); --hs-shadow-raised:0 8px 24px rgba(16,24,40,.18);
  --hs-now:#B13B4A;
  /* Child display colors (default order blue, orange, emerald, purple; V28). Mark = dots and lines, fill = badges. */
  --hs-kid-ink:#FFFFFF;
  --hs-kid-1:#285AE8; --hs-kid-1-fill:#285AE8;
  --hs-kid-2:#EB5E00; --hs-kid-2-fill:#C75000;
  --hs-kid-3:#109E67; --hs-kid-3-fill:#0D8758;
  --hs-kid-4:#A855F7; --hs-kid-4-fill:#9F44F6;
  --hs-kid-5:#DB2777; --hs-kid-5-fill:#BE185D;
  --hs-kid-6:#0E7490; --hs-kid-6-fill:#0E7490;
  /* Shape (Look C) */
  --hs-r-card:24px; --hs-r-sheet:32px; --hs-r-chip:999px; --hs-r-btn:999px; --hs-r-field:18px; --hs-r-menu:16px;
  --hs-r-snack:16px; --hs-r-dialog:32px; --hs-r-thumb:16px; --hs-r-item:12px;
  /* Type */
  --hs-font:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --hs-font-brand:'Trebuchet MS','Fira Sans',system-ui,sans-serif;
  --hs-body:16px; --hs-sec:14px; --hs-small:13px; --hs-title:22px; --hs-h:20px;
  --hs-head-w:700;
  /* Size */
  --hs-topbar:64px; --hs-navbar:64px; --hs-row:64px; --hs-target:48px; --hs-fab:60px; --hs-rail:96px;
  --hs-gap:16px; --hs-pad:16px;
  --hs-safe-b:env(safe-area-inset-bottom,0px); --hs-safe-t:env(safe-area-inset-top,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --hs-bg:#141B26; --hs-surface:#1C2634; --hs-raised:#253244; --hs-text:#EDF2F7; --hs-muted:#B3BFCE;
    --hs-border:#3B4B61; --hs-control:#687D98; --hs-primary:#A3C0FE; --hs-on-primary:#16264F;
    --hs-primary-soft:#293A56; --hs-primary-on-soft:#C0D3FE; --hs-emph:#F7BB8D; --hs-emph-soft:#45352D;
    --hs-success:#84D1B2; --hs-success-soft:#233F38; --hs-on-success:#10261E; --hs-danger:#EEA1AA; --hs-danger-soft:#432B36; --hs-on-danger:#1C2634;
    --hs-teal:#81CBCD; --hs-teal-soft:#233B42; --hs-plum:#CEB5EC; --hs-plum-soft:#352D44; --hs-gold:#E6CB84; --hs-gold-soft:#3B3525;
    --hs-header:#242424; --hs-header-text:#F2F2F2; --hs-avatar:#333333;
    --hs-inv:#EDF2F7; --hs-on-inv:#1C2634; --hs-inv-action:#3B68CA; --hs-scrim:rgba(0,0,0,.55); --hs-menu:#253244;
    --hs-shadow:none; --hs-shadow-raised:0 8px 24px rgba(0,0,0,.45); --hs-now:#EEA1AA;
    --hs-kid-ink:#141B26;
    --hs-kid-1:#4873EB; --hs-kid-1-fill:#547CED;
    --hs-kid-2:#FF761A; --hs-kid-2-fill:#FF761A;
    --hs-kid-3:#12B878; --hs-kid-3-fill:#12B878;
    --hs-kid-4:#A855F7; --hs-kid-4-fill:#AA5AF7;
    --hs-kid-5:#F472B6; --hs-kid-5-fill:#F472B6;
    --hs-kid-6:#22D3EE; --hs-kid-6-fill:#22D3EE;
  }
}
:root[data-theme="dark"]{
    color-scheme: dark;
    --hs-bg:#141B26; --hs-surface:#1C2634; --hs-raised:#253244; --hs-text:#EDF2F7; --hs-muted:#B3BFCE;
    --hs-border:#3B4B61; --hs-control:#687D98; --hs-primary:#A3C0FE; --hs-on-primary:#16264F;
    --hs-primary-soft:#293A56; --hs-primary-on-soft:#C0D3FE; --hs-emph:#F7BB8D; --hs-emph-soft:#45352D;
    --hs-success:#84D1B2; --hs-success-soft:#233F38; --hs-on-success:#10261E; --hs-danger:#EEA1AA; --hs-danger-soft:#432B36; --hs-on-danger:#1C2634;
    --hs-teal:#81CBCD; --hs-teal-soft:#233B42; --hs-plum:#CEB5EC; --hs-plum-soft:#352D44; --hs-gold:#E6CB84; --hs-gold-soft:#3B3525;
    --hs-header:#242424; --hs-header-text:#F2F2F2; --hs-avatar:#333333;
    --hs-inv:#EDF2F7; --hs-on-inv:#1C2634; --hs-inv-action:#3B68CA; --hs-scrim:rgba(0,0,0,.55); --hs-menu:#253244;
    --hs-shadow:none; --hs-shadow-raised:0 8px 24px rgba(0,0,0,.45); --hs-now:#EEA1AA;
    --hs-kid-ink:#141B26;
    --hs-kid-1:#4873EB; --hs-kid-1-fill:#547CED;
    --hs-kid-2:#FF761A; --hs-kid-2-fill:#FF761A;
    --hs-kid-3:#12B878; --hs-kid-3-fill:#12B878;
    --hs-kid-4:#A855F7; --hs-kid-4-fill:#AA5AF7;
    --hs-kid-5:#F472B6; --hs-kid-5-fill:#F472B6;
    --hs-kid-6:#22D3EE; --hs-kid-6-fill:#22D3EE;
}