/** @type {import('tailwindcss').Config} */

module.exports = {
    content: ["./src/**/*.{twig,js}", "./dist/**/*.{html,js}"],
    theme: {
      extend: {
          fontFamily: {
              default:   ['Roboto', 'sans-serif'],
              condensed: ['Roboto Condensed', 'sans-serif'],
          },
          fontWeight: {
              normal: 400,
              medium: 500,
              semibold: 600,
              bold: 700,
              extrabold: 800,
              black: 900,
          },
          fontSize: {
              base: '16px',
          },
          borderRadius: {
              DEFAULT: '0px',
              'sm': '4px',
              'lg': '0px',
              'xl': '0px',
              '2xl': '0px',
          },
          colors: {
              primary: {
                  light  : 'var(--color-primary-light, #45c0e8)',   // 400
                  DEFAULT: 'var(--color-primary, #45c0e8)',        // 500
                  dark   : 'var(--color-primary-dark, #45c0e8)',   // 600
              },
          }
      },
    },
    plugins: [
      //require('@tailwindcss/forms')
    ],
  }
  
  