@import "tailwindcss";

@theme {
  --color-bg:       #F9FAFB;
  --color-surface:  #FFFFFF;
  --color-hover:    #F4F4F5;
  --color-border:   #E4E4E7;
  --color-text:     #18181B;
  --color-muted:    #71717A;
  --color-subtle:   #A1A1AA;
  --color-accent:   #6E56CF;
  --color-accent-h: #7C66DC;
  --color-danger:   #EF4444;

  --font-family-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  --font-family-mono: "SF Mono", "JetBrains Mono", "Fira Code", monospace;
}

html, body {
  min-height: 100vh;
  background-color: #F9FAFB;
  color: #18181B;
}

.gradient-text {
  background: linear-gradient(135deg, #18181B 0%, #6E56CF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}