// 2Gether — Tailwind theme extension
// Merge this into the `theme.extend` block of your tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        gum: '#FF5DA2',
        electric: '#3D5BFF',
        lime: '#C6F24E',
        ink: '#17141F',
        cream: '#FFF9F0',
      },
      fontFamily: {
        display: ['"Bagel Fat One"', 'cursive'],
        body: ['"Baloo 2"', 'sans-serif'],
      },
      fontSize: {
        h1: '96px',
        h2: '64px',
        h3: '40px',
        body: '20px',
        caption: '14px',
      },
      borderRadius: {
        card: '26px',
        sticker: '28px',
      },
      boxShadow: {
        sticker: '0 12px 0 rgba(23,20,31,0.14)',
        chip: '0 5px 0 rgba(23,20,31,0.2)',
      },
      borderWidth: {
        card: '3px',
        sticker: '7px',
      },
      letterSpacing: {
        eyebrow: '0.22em',
      },
    },
  },
};
