:root {
  --vm-bg-main: #0B0F19;
  --vm-surface-card: #151C2C;
  --vm-surface-elevated: #1E2738;
  --vm-accent-glow: #00E5FF;
  --vm-accent-solid: #00B4D8;
  --vm-accent-gradient: linear-gradient(135deg, #00E5FF 0%, #0077B6 100%);
  --vm-ink-main: #F1F5F9;
  --vm-ink-subtle: #94A3B8;
  --vm-border-line: rgba(255, 255, 255, 0.08);
  --vm-border-radius: 14px;
  --vm-box-shadow: 0 20px 40px -15px rgba(0, 229, 255, 0.25);
  --vm-font-heading: 'Montserrat', sans-serif;
  --vm-font-body: 'Poppins', sans-serif;
  --vm-max-width: 1140px;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--vm-bg-main);
  color: var(--vm-ink-main);
  font-family: var(--vm-font-body);
  -webkit-font-smoothing: antialiased;
}

.vm-main-frame {
  max-width: var(--vm-max-width);
  width: 100%;
}

.vm-action-link:hover {
  filter: brightness(1.1);
}

.vm-action-link:active {
  transform: scale(0.98);
}

/* Rounded Soft Styles */
.rounded-2xl {
  border-radius: var(--vm-border-radius);
}

.rounded-xl {
  border-radius: calc(var(--vm-border-radius) - 4px);
}

/* Custom scrollbar for better visual experience */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--vm-bg-main);
}

::-webkit-scrollbar-thumb {
  background: var(--vm-surface-elevated);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--vm-accent-solid);
}