:root {
  --bg-body: #ffffff;
  --bg-surface: #f9f9fa;
  --bg-card: #ffffff;
  --bg-sidebar: #f5f5f7;
  --bg-input: #eff1f5;

  --text-primary: #1a1a1a;
  --text-secondary: #6e6e80;
  --text-tertiary: #9ca3af;

  --border-subtle: #e5e5e5;
  --accent-color: #10a37f;
  --accent-blue: #2563eb;
  --gradient-ai: linear-gradient(135deg, #4285f4, #9b72cb);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-float: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", monospace;

  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 992px;
}
