/* Generated by ops/support/branding.py from the Workspace Console. */

:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 9%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 9%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 9%;
  --primary: 218 89% 53%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 96%;
  --secondary-foreground: 0 0% 15%;
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 45%;
  --accent: 0 0% 96%;
  --accent-foreground: 0 0% 9%;
  --destructive: 0 70% 50%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 90%;
  --input: 0 0% 90%;
  --ring: 218 89% 53%;
  --radius: 0.625rem;
  --sidebar-background: 0 0% 98%;
  --sidebar-foreground: 0 0% 25%;
  --sidebar-primary: 218 89% 53%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 0% 94%;
  --sidebar-accent-foreground: 0 0% 9%;
  --sidebar-border: 0 0% 88%;
  --sidebar-ring: 218 89% 53%;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color-scheme: light;
}

.dark, html[data-theme="dark"] {
  --background: 0 0% 7%;
  --foreground: 0 0% 96%;
  --card: 0 0% 9%;
  --card-foreground: 0 0% 96%;
  --popover: 0 0% 9%;
  --popover-foreground: 0 0% 96%;
  --primary: 218 95% 64%;
  --primary-foreground: 0 0% 9%;
  --secondary: 0 0% 14%;
  --secondary-foreground: 0 0% 96%;
  --muted: 0 0% 14%;
  --muted-foreground: 0 0% 60%;
  --accent: 0 0% 14%;
  --accent-foreground: 0 0% 96%;
  --destructive: 0 65% 55%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 18%;
  --input: 0 0% 18%;
  --ring: 218 95% 64%;
  --sidebar-background: 0 0% 9%;
  --sidebar-foreground: 0 0% 70%;
  --sidebar-primary: 218 95% 64%;
  --sidebar-primary-foreground: 0 0% 9%;
  --sidebar-accent: 0 0% 14%;
  --sidebar-accent-foreground: 0 0% 96%;
  --sidebar-border: 0 0% 16%;
  --sidebar-ring: 218 95% 64%;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color-scheme: dark;
}

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.xkova-logo { display: inline-flex; align-items: center; width: 146px; max-width: 100%; vertical-align: middle; }
.xkova-logo img { display: block; width: 100%; height: auto; }
.xkova-logo .xkova-logo-dark { display: none; }
.dark .xkova-logo .xkova-logo-light, html[data-theme="dark"] .xkova-logo .xkova-logo-light { display: none; }
.dark .xkova-logo .xkova-logo-dark, html[data-theme="dark"] .xkova-logo .xkova-logo-dark { display: block; }
.theme-control { display: inline-flex; align-items: center; flex-shrink: 0; }
.theme-control select { width: auto; min-height: 36px; margin: 0; padding: 6px 10px; border: 1px solid hsl(var(--border)); border-radius: calc(var(--radius) - 2px); background: hsl(var(--popover)); color: hsl(var(--popover-foreground)); font: 13px var(--font-sans); }
.theme-control select:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 3px; }