:root {
  color-scheme: dark;

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

  --v-color-ink: #f8fbff;
  --v-color-ink-soft: #d8e5f3;
  --v-color-muted: #93a8bf;
  --v-color-bg: #06111f;
  --v-color-surface: #0c1a2c;
  --v-color-surface-raised: #11243c;
  --v-color-line: rgba(184, 214, 239, .16);
  --v-color-line-strong: rgba(184, 214, 239, .28);
  --v-color-brand: #20c7e8;
  --v-color-brand-deep: #087ca5;
  --v-color-accent: #f5c86a;
  --v-color-success: #35d07f;
  --v-color-warning: #f5c451;
  --v-color-danger: #ff6b75;

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

  --v-radius-sm: 10px;
  --v-radius-md: 14px;
  --v-radius-lg: 20px;
  --v-radius-xl: 28px;
  --v-radius-pill: 999px;

  --v-shadow-card: 0 24px 70px rgba(1, 8, 18, .34);
  --v-shadow-float: 0 30px 100px rgba(1, 8, 18, .48);
  --v-focus-ring: 0 0 0 4px rgba(32, 199, 232, .18);

  --v-z-header: 100;
  --v-z-toast: 150;
  --v-z-nav: 200;
  --v-z-modal: 400;
  --v-z-sheet: 500;

  --v-ease: cubic-bezier(.2, .8, .2, 1);
  --v-duration: 180ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --v-duration: 0ms;
  }
}