:root{
  --bg: #f4f4f5;
  --surface: #ffffff;
  --surface-2: #f4f4f5;
  --text: #18181b;
  --text-2: #3f3f46;
  --muted: #71717a;
  --muted-2: #d4d4d8;
  --border: #e4e4e7;
  --accent: #18181b;
  --accent-fg: #ffffff;
  --accent-hover: #3f3f46;
  --radius: 1rem;
  --shadow: 0 1px 2px rgba(24,24,27,0.04), 0 1px 3px rgba(24,24,27,0.06);
  --shadow-lg: 0 10px 30px rgba(24,24,27,0.12), 0 4px 8px rgba(24,24,27,0.06);
}