@import "tailwindcss";

@theme inline {
  --color-brand-blue: #3675EF;
  --color-brand-blue-light: #5A94F5;
  --color-brand-blue-dark: #2A5BC7;
  --color-brand-gray: #545555;
  --color-brand-gray-light: #6B6C6C;
  --color-brand-white: #FFFFFF;

  --color-gray-50: #F9FAFB;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #D1D5DB;
  --color-gray-400: #9CA3AF;
  --color-gray-500: #6B7280;
  --color-gray-600: #4B5563;
  --color-gray-700: #374151;
  --color-gray-800: #1F2937;
  --color-gray-900: #111827;

  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;

  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  color: var(--color-gray-700);
  background: var(--color-brand-white);
}

::selection {
  background-color: var(--color-brand-blue);
  color: white;
}