/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          50:  '#eff9f8',
          100: '#d9f0ee',
          300: '#92d2ca',
          400: '#5cb9ae',
          500: '#2f9d91',
          600: '#1f8075',
          700: '#17655d',
          800: '#124e48',
        },
        clinical: {
          safe:    '#2f9e58',
          warning: '#c98a1b',
          danger:  '#c2293f',
        },
      },
      fontFamily: {
        sans: [
          '"Public Sans"',
          'ui-sans-serif',
          'system-ui',
          '-apple-system',
          'sans-serif',
        ],
      },
      spacing: {
        18: '4.5rem',
        22: '5.5rem',
      },
      screens: {
        xs: '480px',
      },
    },
  },
  plugins: [],
}