@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap');

@import "tailwindcss";
@plugin "tailwindcss-animate";

@custom-variant dark (&:is(.dark *));

@theme inline {
  --color-background: #0A0A0F;
  --color-foreground: #F9FAFB;
  --color-muted: #151520;
  --color-muted-foreground: #9CA3AF;
  --color-border: rgba(139, 92, 246, 0.15);
  --color-input: #1E1B4B;
  --color-ring: #8B5CF6;
  --color-primary: #8B5CF6;
  --color-primary-foreground: #FFFFFF;
  --color-secondary: #1E1B4B;
  --color-secondary-foreground: #F9FAFB;
  --color-accent: #2D2A5F;
  --color-accent-foreground: #F9FAFB;
  --color-destructive: #DC2626;
  --color-destructive-foreground: #FFFFFF;
  --color-card: #151520;
  --color-card-foreground: #F9FAFB;
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-info: #3B82F6;
  --color-gold: #FCD34D;
  --color-surface: #1E1B4B;
  --color-raised: #2D2A5F;
  --color-text-secondary: #E5E7EB;
  --color-text-tertiary: #9CA3AF;
  --color-text-disabled: #6B7280;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
}

body {
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* {
  border-color: var(--color-border);
}
