tailwind.config.js

/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx,vue}'],
  theme: {
    fontFamily: {
      title: ['Fira Sans', ...defaultTheme.fontFamily.sans]
    },
    extend: {
      keyframes: {
        breathe: {
          '0%, 100%': { transform: 'scale(1.01)' },
          '50%': { transform: 'scale(1)' }
        }
      },
      animation: {
        breathe: 'breathe 3s ease-in-out infinite'
      },
      colors: {
        notebookBg: '#333333',
        notebookText: '#9E9E9E',
        slate: '#272727',
        dark: '#1E1E1E',
        gold: '#E2B764'
      },
      fontSize: {
        'title-sm': [
          '3rem',
          {
            fontWeight: '600'
          }
        ],
        title: [
          '5rem',
          {
            fontWeight: '600'
          }
        ],
        'subtitle-sm': ['1.2rem'],
        subtitle: ['1.35rem']
      }
    }
  },
  plugins: []
}