force-orange-2024/modules/shared/tailwind.config.ts

import type { Config } from 'tailwindcss'
import defaultTheme from 'tailwindcss/defaultTheme'

export default <Partial<Config>>{
  theme: {
    extend: {
      fontFamily: {
        logo: ['Grobold'],
        sans: ['Londrina Solid', 'DM Sans', ...defaultTheme.fontFamily.sans]
      },
      colors: {
        orange: {
          50: '#fffbec',
          100: '#fff6d3',
          200: '#ffe9a5',
          300: '#ffd76d',
          400: '#ffba32',
          500: '#ffa20a',
          600: '#ff8a00',
          700: '#cc6502',
          800: '#a14e0b',
          900: '#82410c',
          950: '#461f04',
        },
        black: {
          500: '#303030',
        }
      },
      fontSize: {
        hlogo: '45px',
      },
      boxShadow: {
        'input-orange': 'inset 0 0 0 1px #ffa20a',
      },
    }
  }
}