/* GENERATED at build time from frontend/src/theme/index.ts (via
 * src/_data/theme.js) -- edit the theme, not this output. Site-only
 * tokens with no theme counterpart live in site.css. */

:root {
  --background: #FFFFFF;
  --text: #000000;
  --text-secondary: #737373;
  --text-faint: #a8a8a8;
  --error: #ed4956;
  /* Control geometry: native pt rendered as CSS px (the practical pt=px
   * assumption -- exact for colors, approximate here, but the pill is a
   * brand shape and should follow the app if it ever changes) */
  --pill-radius: 999px;
  --control-padding-vertical: 15px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0c1014;
    --text: #f5f5f5;
    --text-secondary: #a8a8a8;
    --text-faint: #737373;
    --error: #ed4956;
  }
}