/* Generated by @caskade/tokens from tokens/*.json. Do not edit. */
:root {
  /* primitive */
  --cs-font-sans: "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --cs-font-display: "Oxanium Variable", "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --cs-font-mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", monospace;
  --cs-color-palette-indigo: #5b5ff7;
  --cs-color-palette-violet: #7a6cff;
  --cs-color-palette-cyan: #38d9f5;
  --cs-color-palette-white: #ffffff;
  --cs-color-palette-green: #22c55e;
  --cs-color-palette-orange: #f97316;
  --cs-color-palette-purple: #7c5cff;
  --cs-color-palette-slate: #64748b;
  --cs-color-palette-amber: #f5a524;
  --cs-color-palette-red: #f0475b;
  /* semantic */
  --cs-color-surface-base: #060914;
  --cs-color-surface-raised: #0d1224d9;
  --cs-color-surface-overlay: #131a31;
  --cs-color-surface-hover: #18203f;
  --cs-color-border: #8ea2ff17;
  --cs-color-border-strong: #8ea2ff33;
  --cs-color-fg: #eef0fb;
  --cs-color-fg-muted: #a3a9c4;
  --cs-color-fg-subtle: #6a7194;
  --cs-color-accent: var(--cs-color-palette-indigo);
  --cs-color-accent-strong: var(--cs-color-palette-violet);
  --cs-color-accent-alt: var(--cs-color-palette-cyan);
  --cs-color-accent-fg: var(--cs-color-palette-white);
  --cs-color-glow: #6f66ff80;
  --cs-color-status-installed: var(--cs-color-palette-green);
  --cs-color-status-available: var(--cs-color-palette-orange);
  --cs-color-status-emulated: var(--cs-color-palette-purple);
  --cs-color-status-missing: var(--cs-color-palette-slate);
  --cs-color-warning: var(--cs-color-palette-amber);
  --cs-color-danger: var(--cs-color-palette-red);
  --cs-radius-card: 0.5rem;
  --cs-radius-control: 0.5rem;
  --cs-radius-panel: 0.875rem;
  --cs-effect-glass-blur: 16px;
  --cs-effect-grid-opacity: 0.07;
  --cs-effect-scanline-opacity: 0.06;
  --cs-effect-glow-strength: 1;
  --cs-motion-duration-fast: 140ms;
  --cs-motion-duration-base: 240ms;
  --cs-motion-duration-slow: 520ms;
  --cs-motion-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --cs-motion-stagger: 35ms;
  --cs-motion-ambient: running;
  --cs-density-scale: 1;
  --cs-type-scale: 1;
  --cs-focus-ring-width: 2px;
  --cs-focus-ring-offset: 2px;
  --cs-focus-ring-glow: var(--cs-color-palette-cyan);
  --cs-focus-ring-inner: 0px;
  --cs-focus-ring-halo: 0px;
  --cs-ui-scale: 1;
  /* component */
  --cs-sidebar-width: 15rem;
  --cs-topbar-height: 4.5rem;
  --cs-card-aspect: 16 / 10;
  --cs-card-width: 176px;
  --cs-hero-height: 20rem;
  --cs-chamfer: 10px;
  --cs-frame-corner: 14px;
  --cs-grid-size: 48px;
  --cs-hintbar-height: 3rem;
}

/* density-compact */
[data-density="compact"] {
  --cs-density-scale: 0.85;
}

/* effects-reduced */
[data-effects="reduced"] {
  --cs-effect-glass-blur: 0px;
  --cs-effect-grid-opacity: 0;
  --cs-effect-scanline-opacity: 0;
  --cs-effect-glow-strength: 0;
}

/* mode-console */
[data-mode="console"] {
  --cs-type-scale: 1.25;
  --cs-focus-ring-width: 3px;
  --cs-focus-ring-offset: -3px;
  --cs-focus-ring-inner: 18px;
  --cs-focus-ring-halo: 16px;
  --cs-card-width: 232px;
  --cs-hero-height: 24rem;
}

/* motion-reduced */
[data-motion="reduced"] {
  --cs-motion-duration-fast: 0ms;
  --cs-motion-duration-base: 0ms;
  --cs-motion-duration-slow: 0ms;
  --cs-motion-stagger: 0ms;
  --cs-motion-ambient: paused;
}

/* paint-cpu */
[data-paint="cpu"]:not([data-motion="full"]) {
  --cs-motion-ambient: paused;
}

/* reduced-motion */
@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion="full"]) {
    --cs-motion-duration-fast: 0ms;
    --cs-motion-duration-base: 0ms;
    --cs-motion-duration-slow: 0ms;
    --cs-motion-stagger: 0ms;
    --cs-motion-ambient: paused;
  }
}

/* reduced-transparency */
@media (prefers-reduced-transparency: reduce) {
  :root {
    --cs-effect-glass-blur: 0px;
    --cs-effect-grid-opacity: 0;
    --cs-effect-scanline-opacity: 0;
  }
}