:root {
  /* Color Tokens */
  --primary-color: #2563eb;
  --primary-hover: #1d4ed8;
  --bg-dark: #0f172a;
  --bg-card: #1e293b;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --border-color: #334155;

  /* Typography Tokens */
  --font-family-base: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.875rem;

  /* Spacing & Borders */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --transition-fast: 150ms ease-in-out;
}