/* Shared reset + tokens lifted from flowpilot app.css */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; display: block; }
button { font: inherit; cursor: pointer; }
a { color: inherit; }

:root {
  /* Real FlowPilot brand from src/app.css */
  --purple-50: #f4f2ff;
  --purple-100: #eae5ff;
  --purple-200: #d5ccff;
  --purple-300: #bab0ff;
  --purple-400: #a698ff;
  --purple-500: #9280ff;
  --purple-600: #846bff;  /* brand */
  --purple-700: #6c47ff;
  --purple-800: #5a35e0;
  --purple-900: #4d2bb8;

  --gray-50:  #f8f8f9;
  --gray-100: #f1f1f3;
  --gray-200: #e4e4e8;
  --gray-300: #d1d1d8;
  --gray-400: #a8a8b3;
  --gray-500: #6b6b78;
  --gray-700: #404050;
  --gray-900: #1e1e28;
  --gray-1000:#17171f;
  --gray-1100:#121218;
  --gray-1300:#0a0a10;

  --green-500: #1ecb8b;
  --red-500: #ef4444;
}

.gradient-text-purple {
  background: linear-gradient(135deg, #a698ff 0%, #6c47ff 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}