:root {
  color-scheme: dark;
  --cosmos-bg: #0b0d12;
  --cosmos-surface: #12151c;
  --cosmos-surface-raised: #181c25;
  --cosmos-surface-soft: #202634;
  --cosmos-border: rgba(161, 173, 198, 0.16);
  --cosmos-border-strong: rgba(161, 173, 198, 0.28);
  --cosmos-text: #f5f7fb;
  --cosmos-text-muted: #9aa5bb;
  --cosmos-text-soft: #717c92;
  --cosmos-accent: #4b7cff;
  --cosmos-accent-strong: #2f66f5;
  --cosmos-accent-soft: rgba(75, 124, 255, 0.14);
  --cosmos-success: #53d5a0;
  --cosmos-warning: #f0b865;
  --cosmos-danger: #ff7d86;
  --cosmos-focus: #8ca9ff;
  --cosmos-radius-sm: 8px;
  --cosmos-radius-md: 12px;
  --cosmos-radius-lg: 18px;
  --cosmos-space-1: 4px;
  --cosmos-space-2: 8px;
  --cosmos-space-3: 12px;
  --cosmos-space-4: 16px;
  --cosmos-space-5: 20px;
  --cosmos-space-6: 24px;
  --cosmos-space-8: 32px;
  --cosmos-sidebar-width: 248px;
  --cosmos-header-height: 64px;
  --cosmos-font: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
* {
  box-sizing: border-box
}
:focus-visible {
  outline: 2px solid var(--cosmos-focus);
  outline-offset: 3px
}
@media (prefers-reduced-motion:reduce) {
  *,
  ::after,
  ::before {
    scroll-behavior: auto!important;
    transition-duration: 0s!important
  }
}