:root {
  /* Wolf Grey Palette */
  --wolf-1: #F4F4F5;
  --wolf-2: #ECECED;
  --wolf-3: #DADADC;
  --wolf-4: #B0B0B5;
  --wolf-5: #8A8A90;
  --wolf-6: #6B6B72;
  --wolf-dark: #1C1C24;
  --wolf-darker: #131318;
  --wolf-card: #FFFFFF;

  /* Brand Colors */
  --primary: #0066FF;
  --primary-hover: #0052CC;
  --primary-light: #E8F0FE;
  --primary-glow: rgba(0, 102, 255, 0.15);

  /* Text */
  --text: #1A1A2E;
  --text-on-dark: #FFFFFF;
  --text-sec: var(--wolf-6);
  --text-muted: var(--wolf-5);

  /* Borders */
  --border: var(--wolf-3);
  --border-light: rgba(0,0,0,0.06);

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.1);
  --shadow-xl: 0 24px 48px rgba(0,0,0,0.14);

  /* Radius */
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition: 150ms ease;
  --transition-slow: 300ms ease;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}