@import "tailwindcss";

:root {
  --fiq-primary: #6C63FF;
  --fiq-primary-hover: #5B52E0;
  --fiq-accent: #10B981;
  --fiq-background: #FFFBF5;
  --fiq-card: #FFFFFF;
  --fiq-text-primary: #2D3436;
  --fiq-text-secondary: #636E72;
  --fiq-border: #E5E7EB;
  --fiq-purple-light: #F5F3FF;
  --fiq-font-heading: 'Montserrat', system-ui, sans-serif;
  --fiq-font-body: 'Inter', system-ui, sans-serif;
}

#formiq-root {
  font-family: var(--fiq-font-body);
  color: var(--fiq-text-primary);
  background-color: var(--fiq-background);
  min-height: 100vh;
}

#formiq-root * {
  box-sizing: border-box;
}