/*
 * GENERATED by ops/kc_theme_tokens.py — do not edit.
 *
 * Source of truth: frontend/src/index.css (docs/ux-design.md §1). Change a
 * colour there, run `make kc-theme-tokens`, and the login page follows.
 *
 * Light is the bare `:root`. Dark arrives two ways, because the app offers
 * light / dark / system and only the first two survive a hop to Keycloak:
 * `prefers-color-scheme` covers `system` (the default), and `data-theme` is
 * set by the small script in template.ftl when it can read the app's stored
 * preference — same origin only, so in dev (Keycloak on :8081, app on :5173)
 * the media query is all there is.
 */

:root {
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --background: 0 0% 100%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --popover: 0 0% 100%;
  --popover-foreground: 222 47% 11%;
  --primary: 218 53% 26%;
  --primary-foreground: 210 40% 98%;
  --secondary: 210 40% 96%;
  --secondary-foreground: 222 47% 11%;
  --muted: 210 40% 96%;
  --muted-foreground: 215 16% 47%;
  --accent: 210 40% 96%;
  --accent-foreground: 222 47% 11%;
  --destructive: 0 72% 45%;
  --destructive-foreground: 210 40% 98%;
  --warning: 30 90% 30%;
  --warning-foreground: 0 0% 100%;
  --success: 142 72% 26%;
  --success-foreground: 0 0% 100%;
  --info: 221 83% 40%;
  --info-foreground: 0 0% 100%;
  --border: 214 32% 91%;
  --input: 214 32% 91%;
  --ring: 218 53% 26%;
  --sidebar-background: 218 53% 18%;
  --sidebar-foreground: 214 32% 91%;
  --sidebar-primary: 217 71% 62%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 218 45% 28%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-border: 218 40% 24%;
  --sidebar-ring: 217 71% 62%;
  --radius: 0.375rem;
  --row-h: 2.5rem;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --background: 222 47% 7%;
    --foreground: 210 40% 98%;
    --card: 222 47% 9%;
    --card-foreground: 210 40% 98%;
    --popover: 222 47% 9%;
    --popover-foreground: 210 40% 98%;
    --primary: 217 71% 62%;
    --primary-foreground: 222 47% 7%;
    --secondary: 217 33% 17%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217 33% 17%;
    --muted-foreground: 215 20% 65%;
    --accent: 217 33% 17%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 91% 71%;
    --destructive-foreground: 222 47% 7%;
    --warning: 43 96% 56%;
    --warning-foreground: 222 47% 7%;
    --success: 142 69% 58%;
    --success-foreground: 222 47% 7%;
    --info: 213 94% 68%;
    --info-foreground: 222 47% 7%;
    --border: 217 33% 17%;
    --input: 217 33% 17%;
    --ring: 217 71% 62%;
    --sidebar-background: 222 47% 5%;
    --sidebar-foreground: 214 32% 85%;
    --sidebar-primary: 217 71% 62%;
    --sidebar-primary-foreground: 222 47% 7%;
    --sidebar-accent: 217 33% 17%;
    --sidebar-accent-foreground: 0 0% 100%;
    --sidebar-border: 217 33% 14%;
    --sidebar-ring: 217 71% 62%;
    color-scheme: dark;
  }
}

:root[data-theme='dark'] {
  --background: 222 47% 7%;
  --foreground: 210 40% 98%;
  --card: 222 47% 9%;
  --card-foreground: 210 40% 98%;
  --popover: 222 47% 9%;
  --popover-foreground: 210 40% 98%;
  --primary: 217 71% 62%;
  --primary-foreground: 222 47% 7%;
  --secondary: 217 33% 17%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217 33% 17%;
  --muted-foreground: 215 20% 65%;
  --accent: 217 33% 17%;
  --accent-foreground: 210 40% 98%;
  --destructive: 0 91% 71%;
  --destructive-foreground: 222 47% 7%;
  --warning: 43 96% 56%;
  --warning-foreground: 222 47% 7%;
  --success: 142 69% 58%;
  --success-foreground: 222 47% 7%;
  --info: 213 94% 68%;
  --info-foreground: 222 47% 7%;
  --border: 217 33% 17%;
  --input: 217 33% 17%;
  --ring: 217 71% 62%;
  --sidebar-background: 222 47% 5%;
  --sidebar-foreground: 214 32% 85%;
  --sidebar-primary: 217 71% 62%;
  --sidebar-primary-foreground: 222 47% 7%;
  --sidebar-accent: 217 33% 17%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-border: 217 33% 14%;
  --sidebar-ring: 217 71% 62%;
  color-scheme: dark;
}