@import "tailwindcss";

/* Custom color scheme - Now defined in CSS variables */
@theme {
  --color-primary: #6366F1;
  --color-secondary: #10B981;
  --color-background: #111827;
  --color-surface: #1F2937;
  --color-text: #F9FAFB;
  --color-accent: #F59E0B;
}

/* Base styles */
@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    background-color: var(--color-background);
    color: var(--color-text);
    font-family: var(--font-inter);
  }
}

/* Utility classes */
@utility text-balance {
  text-wrap: balance;
}

/* Custom scrollbar */
@layer base {
  ::-webkit-scrollbar {
    width: 6px;
  }

  ::-webkit-scrollbar-track {
    background-color: var(--color-surface);
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 9999px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: color-mix(in srgb, var(--color-primary) 80%, transparent);
  }
}