/* Vendored from dalubank frontend/src/index.css @ 032fba6
   Kept: the theme's tokens (fonts and colours, spec 001 §4.2), the light and dark values,
   color-scheme, and the base body and ::selection rules that use them.
   Stripped: the Google Fonts @import (the CSP is default-src 'self'; the IBM Plex families
   apply where installed, else the system fallbacks), Tailwind (@import, @theme and @layer:
   the tokens become plain custom properties on :root), the 3xl breakpoint, scrollbar
   utilities, print rules and the mobile-companion animations.
   Changed: dark mode follows prefers-color-scheme instead of body.dark, which dalubank's
   JavaScript sets (dalu-id serves no JavaScript, D7). */

:root {
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-sans: 'IBM Plex Sans', system-ui, sans-serif;

  --color-bg: #eeeded;
  --color-surface: #f7f6f5;
  --color-card: #fbfaf9;
  --color-ink: #232323;
  --color-ink2: #6b6b6b;
  --color-ink3: #bdbdbd;
  --color-line: #d9d9d9;
  --color-line-strong: #bdbdbd;
  --color-green: #54b9a1;
  --color-orange: #f0b065;
  --color-red: #df5c64;
  --color-blue: #7890cd;

  /* Native widgets (scrollbars, selects, date pickers) follow the theme, not the OS
     default: `color-scheme` is what the browser reads for them. */
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #121212;
    --color-surface: #181818;
    --color-card: #1d1d1d;
    --color-ink: #eeeded;
    --color-ink2: #9a9a9a;
    --color-ink3: #4a4a4a;
    --color-line: #2c2c2c;
    --color-line-strong: #3c3c3c;

    color-scheme: dark;
  }
}

* {
  border-color: var(--color-line);
}

body {
  background-color: var(--color-bg);
  color: var(--color-ink);
  font-family: var(--font-sans);
  margin: 0;
}

::selection {
  background: var(--color-green);
  color: var(--color-bg);
}