:root {
  /* 
   * THE DIGITAL PULSE - Core Theme Colors 
   * We use a very dark base to match the terminal aesthetic from the mockup,
   * while incorporating the requested #6f7a6a as a mid-tier surface or accent.
   */
  
  /* Brand Accents */
  --color-primary: #45ff3e;
  --color-secondary: #25891f;
  --color-tertiary: #ffd6bf;
  
  /* Tonal Layering Surfaces */
  --color-surface-lowest: #090b09; /* Body background */
  --color-surface-low: #111411; /* Large logical groupings */
  --color-surface-base: #171c17; /* Base container */
  --color-surface-high: #1c221c; /* Active cards */
  --color-surface-highest: #232a23; /* Elevated buttons/modules */
  
  /* Specifically requested surface token for mid-tones / muted canvas */
  --color-surface-muted: #6f7a6a; 
  
  /* Text */
  --color-on-surface: #e4e7e4; /* Never 100% white */
  --color-on-surface-muted: #9ba39b;
  --color-on-primary: #000000;
  
  /* Typography */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  
  /* Type Scale */
  --text-display-lg: 3.5rem;   /* Hero numbers */
  --text-heading-lg: 2.5rem;
  --text-heading-md: 1.75rem;
  --text-body-lg: 1.125rem;
  --text-body-md: 1rem;
  --text-label-sm: 0.6875rem;  /* Micro-Data: Uppercase, 0.05em spacing */
  
  /* Radii */
  --radius-subtle: 4px; /* "Subtle roundedness (1)" */
  --radius-medium: 8px;
  
  /* Shadows */
  --shadow-ambient: 0 24px 48px rgba(0, 0, 0, 0.5); /* Ambient shadow */
  
  /* Spacing */
  --space-2: 0.5rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
}