:root {
  --vg-bg: #FFF8DF;
  --vg-ink: #162032;
  --vg-primary: #0094FF;
  --vg-primary-hover: #009AFF;
  --vg-yellow: #FFDD23;
  --vg-red: #FF185A;
  --vg-orange: #FF7618;
  --vg-green: #16A477;
  --vg-lightblue: #64C8FF;
  --vg-turquoise: #06B6D4;
  --vg-purple: #7C3AED;
  --vg-grey: #8A94A6;
  --vg-font-body: 'Inter', sans-serif;
  --vg-font-mono: 'JetBrains Mono', monospace;
  --vg-font-serif: 'Source Serif 4', serif;
  --vg-radius-control: 12px;
  --vg-radius-card: 16px;
  --vg-radius-pill: 9999px;
  --vg-border-width: 2px;
  --vg-shadow-offset: 6px;
  --vg-shadow: var(--vg-shadow-offset) var(--vg-shadow-offset) 0 var(--vg-ink);
  --vg-space-unit: 8px;
  --vg-gap: 16px;
  --vg-card-padding: 24px;
  --vg-section-padding: 80px;
}