/**
 * The saved sidebar tone, put on <html> before the first paint (inline script in app/layout.tsx). The server can't
 * know the tone, so without this the sidebar renders light and switches to teal after hydration (a visible flicker).
 * The theme CSS follows `html[data-sidebar-tone]`, and `setTone` in components/design-system/sidebar-tone.tsx keeps
 * it in step. A plain module, so the server layout can import it.
 */
export const SIDEBAR_TONE_KEY = "medora-ds-sidebar-tone";

export const SIDEBAR_TONE_SCRIPT =
  'try{var t=localStorage.getItem("' + SIDEBAR_TONE_KEY + '");document.documentElement.dataset.sidebarTone=t==="brand"?"brand":"light"}catch(e){}';