:root {
  /* Primitive Tokens */
  --color-lime-100: #C8FF00;
  --color-lime-80: #A8D900;
  --color-black-900: #050505; /* Deeper black for raw feel */
  --color-gray-800: #0A0A0A;
  --color-gray-700: #121212;
  --color-gray-600: #1A1A1A;
  --color-red-alert: #FF3D00;
  
  /* Semantic Tokens */
  --color-primary: var(--color-lime-100);
  --color-primary-hover: var(--color-lime-80);
  --color-background-default: var(--color-black-900);
  --color-background-secondary: var(--color-gray-800);
  --color-surface: var(--color-gray-700);
  --color-surface-hover: var(--color-gray-600);
  --color-text-primary: #F5F5F5;
  --color-text-secondary: #888888;
  --color-text-muted: #444444;
  --color-border: rgba(255,255,255,0.06);
  --color-border-hover: rgba(255,255,255,0.15);
  
  /* Typography */
  --font-family-display: 'Unbounded', sans-serif;
  --font-family-sub: 'Inter', sans-serif;
  --font-family-body: 'Inter', sans-serif;
  --font-family-mono: 'JetBrains Mono', monospace;
  
  /* Spacing */
  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-100: 100px;
  
  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.19, 1, 0.22, 1);
  --transition-default: 300ms cubic-bezier(0.19, 1, 0.22, 1);
  --transition-bounce: 400ms cubic-bezier(0.68, -0.15, 0.26, 1.35); /* Snappy */
  
  /* Layout */
  --radius-none: 0px; /* Brutalist sharp edges */
  --radius-sm: 2px;
  
  /* Accessibility */
  --focus-ring: 2px solid var(--color-primary);
}