@import "tailwindcss";

:root {
  color-scheme: light dark;
}

html,
body,
#root {
  height: 100%;
  margin: 0;
}

body {
  @apply bg-neutral-950 text-neutral-200;
  font: 14px/1.5 ui-monospace, Consolas, monospace;
}

/*
 * Ticket 011: colour-scheme picker support. Most of the app's Tailwind
 * classes are hardcoded to a dark palette (e.g. `bg-neutral-950` above)
 * rather than using `dark:`-variant classes, so there isn't a full light
 * theme to switch to yet. This override (keyed off the `light` class
 * `useSettingsPanel` toggles on `<html>`) gives "Light" a real, if minimal,
 * visible effect on the base page colours; a proper light theme would need
 * the rest of the app's components reworked to use theme-aware classes.
 */
html.light body {
  background-color: #f5f5f4;
  color: #1c1917;
}