/* Hydro Space Visual System 1.1.1 */
:root {
  --hs-color-bg-0: #050b14;
  --hs-color-bg-1: #081522;
  --hs-color-panel: rgba(8, 24, 39, 0.62);
  --hs-color-panel-soft: rgba(10, 34, 54, 0.44);
  --hs-color-accent: #27c9ff;
  --hs-color-accent-rgb: 39, 201, 255;
  --hs-color-accent-soft: #6fe6ff;
  --hs-color-text: #e9f7ff;
  --hs-color-text-muted: #90a9bb;
  --hs-color-line: rgba(99, 211, 255, 0.34);
  --hs-color-line-strong: rgba(111, 220, 255, 0.82);
  --hs-color-grid: rgba(39, 201, 255, 0.13);
  --hs-color-hologram-surface: rgba(39, 201, 255, 0.06);
  --hs-color-hologram-edge: rgba(111, 230, 255, 0.36);

  --hs-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  --hs-line-thin: 1px;
  --hs-radius-panel: 18px;
  --hs-glow-subtle: 0 0 28px rgba(39, 201, 255, 0.10);
  --hs-glow-panel: 0 0 48px rgba(39, 201, 255, 0.09);
  --hs-blur-panel: 16px;

  --hs-motion-flow: 1400ms;
  --hs-motion-reveal: 700ms;
  --hs-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --hs-motion-flow: 1ms;
    --hs-motion-reveal: 1ms;
  }
}