/* Box uses a 16px root, with small=14px and large=18px. Interface text and
   shared controls use rem; document pixels and responsive breakpoints do not. */
:root {
  color-scheme: light;
  color: light-dark(#202630, var(--night-text));
  background: light-dark(#fafbfc, var(--night-canvas));
  --solid-primary: light-dark(#152132, oklch(0.922 0 0));
  --solid-primary-ink: light-dark(#fff, oklch(0.175 0 0));
  /* Neutral dark palette shared with BlueDesk. */
  --night-canvas: oklch(0.13 0 0);
  --night-sidebar: oklch(0.115 0 0);
  --night-surface: oklch(0.165 0 0);
  --night-soft: oklch(0.22 0 0);
  --night-line: oklch(1 0 0 / 13%);
  --night-muted: oklch(0.68 0 0);
  --night-text: oklch(0.955 0 0);
}
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-font-size="small"] { font-size: 14px; }
:root[data-font-size="large"] { font-size: 18px; }
:root[data-editor-entry] #startup-loading { display: none; }