/* base tokens this dashboard used to get from the old site stylesheet */
  :root {
    --paper: #F4F2EC; --surface: #FFFFFF; --ink: #14161B; --muted: #5E636C; --rule: #DAD6CB;
    --marker: #B4470F; --band-light: #FFFFFF; --band-tint: #EAE7DE;
    --display: "Noto Serif Hebrew", Georgia, serif; --text: "Assistant", system-ui, sans-serif;
    --measure: 62ch; --page: 1180px; --gutter: clamp(16px, 4vw, 40px);
  }
  @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
    --paper: #0E1A2B; --surface: #142339; --ink: #ECEDEF; --muted: #959BA6; --rule: #272C38;
    --marker: #F2A15A; --band-light: #12151D; --band-tint: #1A1E29;
  } }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--text); font-size: 17px; line-height: 1.6; }
  a { color: inherit; }
  :focus-visible { outline: 2px solid var(--marker); outline-offset: 3px; border-radius: 2px; }
  .wrap { max-width: var(--page); margin-inline: auto; padding-inline: var(--gutter); }