.vg {
  --ivory: #f5f0e6;
  --forest: #263b35;
  --copper: #b78153;
  --midnight: #171d1b;
  --sand: #e6dcce;
  --bg: var(--ivory);
  --bg-secondary: var(--sand);
  --surface: #fffaf2;
  --elevated: #fff;
  --text: var(--midnight);
  --text-secondary: var(--forest);
  --muted: #605a50;
  --border: #cec2b1;
  --control-border: #857867;
  --accent: #794c2a;
  --hover: #344d44;
  --focus: #77502f;
  --success: #305b45;
  --warning: #764814;
  --error: #922e36;
  --on-dark: var(--ivory);
  --sans: 'Be Vietnam Pro', 'Segoe UI', Arial, sans-serif;
  --serif: 'Noto Serif', Georgia, 'Times New Roman', serif;
  --s1: .25rem;
  --s2: .5rem;
  --s3: .75rem;
  --s4: 1rem;
  --s5: 1.25rem;
  --s6: 1.5rem;
  --s8: 2rem;
  --s10: 2.5rem;
  --s12: 3rem;
  --s16: 4rem;
  --s20: 5rem;
  --radius: .625rem;
  --container: 80rem;
  --ease: 160ms ease;
}