* {
  scroll-behavior: smooth
}
:root {
      --v-bg-dark: #0a0f0d;         /* Premium deep charcoal canvas */
      --v-bg-surface: #0f1712;      /* Structural cards and sections */
      --v-bg-card-inner: #142119;   /* Deep interactive components background */
      --v-brand-lime: #22CC44;      /* High-contrast brand primary (gradient mid-point) */
      --v-brand-gradient: linear-gradient(90deg, #C8FF00 0%, #22CC44 55%, #00A838 100%);
      --v-brand-glow: rgba(34, 204, 68, 0.15);
      --v-border-muted: #1f3326;    /* Strict crisp divider grid lines */
      --v-text-main: #e8f0eb;       /* Primary clean body typography */
      --v-text-muted: #8aaa90;      /* Secondary reading copy descriptions */
      --v-text-dim: #5a7a62;        /* Darker placeholder elements */
      --v-transition-smooth: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      --v-section-gap: 1.5rem;         /* Consistent gap between all sections */
      --bg-one:  #0a0f0d;
      --bg-two: #070c0a;
      
    }
    
body {
  background-color: var(--v-bg-dark);
  color: var(--v-text-main);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  margin: 0;
  padding: 0;
}

[id] {
  scroll-margin-top: 100px;
}