tailwind.config.cjs

const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
  theme: {
    extend: {
      colors: {
        black: '#353535',
        primary: {
          DEFAULT: '#9670FF',
          50: '#F4F0FF',
          100: '#E5DBFF',
          200: '#CBB8FF',
          300: '#B094FF',
          400: '#9670FF',
          500: '#7C4DFF',
          600: '#4B0AFF',
          700: '#3500C7',
          800: '#230085',
          900: '#120042',
        },
        secondary: {
          DEFAULT: '#FF2997',
          50: '#FFE5F3',
          100: '#FFC7E4',
          200: '#FF94CB',
          300: '#FF5CB0',
          400: '#FF2997',
          500: '#F1007E',
          600: '#C20064',
          700: '#8F004A',
          800: '#610032',
          900: '#2E0018',
        },
        tertiary: {
          DEFAULT: '#5E5E5E',
          50: '#EBEBEB',
          100: '#D6D6D6',
          200: '#ADADAD',
          300: '#858585',
          400: '#5E5E5E',
          500: '#353535',
          600: '#2B2B2B',
          700: '#1F1F1F',
          800: '#141414',
          900: '#0A0A0A',
        },
        // primary: 'var(--aw-color-primary)',
        // secondary: 'var(--aw-color-secondary)',
        // tertiary: 'var(--aw-color-tertiary)',
        accent: 'var(--aw-color-accent)',
        default: 'var(--aw-color-text-default)',
        muted: 'var(--aw-color-text-muted)',
      },
      fontFamily: {
        sans: ['var(--aw-font-sans)', ...defaultTheme.fontFamily.sans],
        serif: ['var(--aw-font-serif)', ...defaultTheme.fontFamily.serif],
        heading: ['var(--aw-font-heading)', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [require('@tailwindcss/typography')],
  darkMode: 'class',
};