/* Same palette and radii as the extension (packages/ui/src/styles/main.css). */
:root {
  --brand-50: #ecfdf6;
  --brand-100: #d1faea;
  --brand-200: #a7f3d6;
  --brand-600: #05966c;
  --brand-700: #057859;
  --brand-800: #075f48;

  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --white: #ffffff;

  --bg: var(--slate-50);
  --surface: var(--white);
  --text: var(--slate-900);
  --text-muted: var(--slate-600);
  --text-faint: var(--slate-500);
  --border: var(--slate-200);

  --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --container: 1040px;
  --space: clamp(1rem, 3vw, 1.5rem);
  --section-gap: clamp(3.5rem, 8vw, 5.5rem);
}