:root {
  color-scheme: dark;
  --hs-color-canvas: #090b0d;
  --hs-color-surface: #121518;
  --hs-color-surface-raised: #181c20;
  --hs-color-line: #2a3036;
  --hs-color-text: #f5f7f8;
  --hs-color-muted: #9ca4ac;
  --hs-color-brand: #ff1028;
  --hs-color-brand-strong: #e70018;
  --hs-color-success: #20d986;
  --hs-color-warning: #ffb020;
  --hs-color-danger: #ff4056;
  --hs-color-focus: #2196ff;

  --hs-space-1: 4px;
  --hs-space-2: 8px;
  --hs-space-3: 12px;
  --hs-space-4: 16px;
  --hs-space-5: 20px;
  --hs-space-6: 24px;
  --hs-space-8: 32px;
  --hs-space-10: 40px;
  --hs-space-12: 48px;
  --hs-space-16: 64px;
  --hs-space-20: 80px;

  --hs-radius-sm: 8px;
  --hs-radius-md: 12px;
  --hs-radius-lg: 18px;
  --hs-container: 1312px;
  --hs-header-height-mobile: 64px;
  --hs-header-height-desktop: 80px;
  --hs-focus: 0 0 0 3px rgb(255 16 40 / 35%);
  --hs-transition-fast: 180ms cubic-bezier(.2, .8, .2, 1);
  --hs-motion-ease: cubic-bezier(.33, 0, .2, 1);
  --hs-motion-duration: 640ms;
  --hs-motion-distance: 18px;
}

@media (max-width: 899px) {
  :root {
    --hs-motion-duration: 520ms;
    --hs-motion-distance: 12px;
  }
}