/* Owns shared v9 theme tokens and document-wide typography, background,
 * selection, and accessible focus defaults; loaded once by index.html.
 * Runtime UI owners consume these tokens and keep their own layout/CSS local.
 * Theme controls may override root values; this file does not save preferences.
 * Bundled faces load locally; Theme settles the selected font before restoration.
 */
@import url('../9components/theme-fonts.css');

:root {
  --theme-background: #000000;
  --theme-text: #00ff00;
  --theme-ui: #00ff00;
  --theme-selected-background: #001a00;
  --theme-selected-text: #00ff00;
  --theme-selected-ui: #00ff00;
  --theme-font: "Kode Mono", monospace;
  --theme-scale: 1;
  --theme-font-size: .75rem;
  --theme-row-height: calc(1.5 * var(--theme-font-size) + 2px);

  color-scheme: dark;
  font-family: var(--theme-font);
  font-size: calc(100% * clamp(.5, var(--theme-scale), 2));
  color: var(--theme-text);
  background: var(--theme-background);
  accent-color: var(--theme-ui);
  scrollbar-color: var(--theme-ui) var(--theme-background);
}

body {
  margin: 0;
  font-size: var(--theme-font-size);
  line-height: 1.5;
}

:root::selection {
  color: var(--theme-selected-text);
  background: var(--theme-selected-background);
}

:focus-visible {
  outline: 2px solid var(--theme-selected-ui);
  outline-offset: 2px;
}

@media (forced-colors: active) {
  :root::selection { color: HighlightText; background: Highlight; }
  :focus-visible { outline-color: Highlight; }
}