:root {
  --vyn-bg: #0b0b0f;
  --vyn-black: #000000;

  --vyn-brand: #7457e8;
  --vyn-support: #427bff;
  --vyn-muted: #8b8d94;

  --vyn-text-primary: #ffffff;
  --vyn-text-body: rgba(255, 255, 255, 0.88);
  --vyn-text-secondary: rgba(255, 255, 255, 0.68);
  --vyn-text-tertiary: rgba(255, 255, 255, 0.48);

  --vyn-surface-1: rgba(255, 255, 255, 0.04);
  --vyn-surface-2: rgba(255, 255, 255, 0.07);
  --vyn-surface-3: rgba(255, 255, 255, 0.10);

  --vyn-border: rgba(255, 255, 255, 0.10);
  --vyn-divider: rgba(255, 255, 255, 0.08);

  --vyn-success: #3ccb7f;
  --vyn-error: #ff6b6b;
  --vyn-warning: #f5c451;

  --vyn-font-primary: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

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

  --vyn-radius-control: 12px;
  --vyn-radius-panel: 16px;
  --vyn-radius-app: 20px;

  --vyn-topbar-desktop: 64px;
  --vyn-topbar-tablet: 60px;
  --vyn-topbar-mobile: 56px;

  --vyn-motion-fast: 120ms;
  --vyn-motion-base: 220ms;
  --vyn-motion-emphasis: 280ms;

  --vyn-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  --vyn-content-max: 1200px;
}