tailwind.config.js

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

module.exports = {
  purge: ['./src/**/*.html', './src/**/*.md'],
  darkMode: false,
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
      },
      screens: {
        mob: '450px',
        sm: '640px',
        md: '768px',
        lg: '1024px',
        xl: '1280px',
        '2xl': '1536px',
        hd: '1920px',
      },
      margin: {
        '5p': '5%',
        '10p': '10%',
        '15p': '15%',
        '20p': '20%',
        '25p': '25%',
      },
      colors: {
        cinnabar: {
          50: '#fef6f5',
          100: '#fcedea',
          200: '#f9d2cb',
          300: '#f5b6ac',
          400: '#ed806d',
          500: '#E5492F',
          600: '#ce422a',
          700: '#ac3723',
          800: '#892c1c',
          900: '#702417',
        },
        'woody-brown': {
          50: '#f6f5f5',
          100: '#edebeb',
          200: '#d2cccc',
          300: '#b7aead',
          400: '#807170',
          500: '#4A3432',
          600: '#432f2d',
          700: '#382726',
          800: '#2c1f1e',
          900: '#241919',
        },
        'island-spice': {
          50: '#fffffe',
          100: '#fffffd',
          200: '#fffefb',
          300: '#fffdf8',
          400: '#fffcf2',
          500: '#FFFBED',
          600: '#e6e2d5',
          700: '#bfbcb2',
          800: '#99978e',
          900: '#7d7b74',
        },
        'black-rock': {
          50: '#f3f3f5',
          100: '#e7e7eb',
          200: '#c2c2cd',
          300: '#9d9eae',
          400: '#545572',
          500: '#0B0C35',
          600: '#0a0b30',
          700: '#080928',
          800: '#070720',
          900: '#05061a',
        },
      },
    },
  },
  variants: {},
  plugins: [require('@tailwindcss/typography')],
};