tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        'gray-50': '#FCFCFC',
        'gray-100': '#F5F7F9',
        'gray-200': '#F0F0F0',
        'gray-300': '#D9D9D9',
        'gray-400': '#BFBFBF',
        'gray-500': '#8C8C8C',
        'gray-600': '#595959',
        'gray-700': '#454545',
        'gray-800': '#262626',
        'gray-900': '#1F1F1F',
        'gray-950': '#141414',

        'brand-50': '#F3F4FC',
        'brand-100': '#E7EAF9',
        'brand-150': '#F3F6FC',
        'brand-200': '#C2D1F0',
        'brand-250': '#C6DFFA',
        'brand-300': '#99B4E6',
        'brand-400': '#437ED4',
        // 'brand-500': '#0052CD',
        'brand-500': 'var(--bg-brand-primary)',
        'brand-600': '#004AC2',
        'brand-700': '#0040B6',
        'brand-800': '#0035AB',
        'brand-850': '#0035AB',
        'brand-900': '#002398',
        'brand-950': '#001766',

        'green-50': '#F0FDF5',
        'green-100': '#DCFCE8',
        'green-200': '#BBF7D1',
        'green-300': '#86EFAD',
        'green-400': '#4ADE81',
        'green-500': '#22C55E',
        'green-600': '#16A34A',
        'green-700': '#15803C',
        'green-800': '#166533',
        'green-900': '#14532B',
        'green-950': '#052E14',

        'red-50': '#EEF4FF',
        'red-100': '#FFCDD2',
        'red-200': '#EF9A9A',
        'red-300': '#E57373',
        'red-400': '#EF5350',
        'red-500': '#F44336',
        'red-600': '#E53935',
        'red-700': '#D32F2F',
        'red-800': '#C62828',
        'red-900': '#B71C1C',
        'red-950': '#8E0000',

        'yellow-800': '#FFD001',
        'brand-hover': 'var(--bg-auth-background)',

        black: '#121219',
        white: '#ffffff',
        preview: 'var(--bg-brand-preview-auth)',
        'brand-darker': 'var(--brand-darker)'
      },
      fontFamily: {
        sans: ['Open Sans'],
        varela: ['Varela Round'],
        inter: ['Inter'],
      },
    },
    screens: {
      xs: '480px',
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      '2xl': '1536px',
    },
  },
  plugins: [require('tailwind-scrollbar-hide')],
};