:root {
  --dg-charcoal: #0F1418;
  --dg-off-white: #F7F6F3;
  --dg-sage: #7A8F86;
  --dg-sand: #D7C9B8;
  --dg-graphite: #2A2F33;
  --dg-stone: #E0DED7;
  --dg-steel: #A6ADA9;
  --dg-ink: #1E2526;
  --dg-muted: #58635F;
  --dg-background: var(--dg-off-white);
  --dg-foreground: var(--dg-charcoal);
  --dg-action: var(--dg-sand);
  --dg-context: var(--dg-sage);
  --dg-font: Inter, system-ui, Segoe UI, Arial, sans-serif;
  --dg-space-1: 4px;
  --dg-space-2: 8px;
  --dg-space-3: 12px;
  --dg-space-4: 16px;
  --dg-space-5: 24px;
  --dg-space-6: 32px;
  --dg-space-7: 48px;
  --dg-space-8: 64px;
  --dg-space-9: 96px;
}