/* The executed notebook's cells (myst-nb) pick their colors from the OS color scheme
   (prefers-color-scheme) or from a data-theme attribute on <html> or <body>; shibuya
   marks its mode with the `dark` class on <html>, sets no data-theme, and defaults to
   light, so a reader on a dark OS saw dark cells on a light page
   (tauopt.com/docs/examples/quickstart-branin/, 2026-10-19). Bind myst-nb's light/dark
   toggles to shibuya's class: light unless the page is dark. A toggle set to `initial`
   makes each var() fall back to that mode's color; the empty value makes it contribute
   nothing. The `html:root` form (specificity 0,2,1) outranks myst-nb's media-query and
   html[data-theme] rules whatever the stylesheet order; a theme that set data-theme on
   <body> would still win there (shibuya does not). Only myst-nb's stylesheet consumes
   these two names, so the other pages are unaffected. */
html:root:not(.dark) {
  --light: initial;
  --dark: ;
}
html:root.dark {
  --light: ;
  --dark: initial;
}