tailwind.config.ts

import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        'grey': '#F8F7FF',
        'grey-dark': '#9C9C9C',
        'yellow': '#F6B928',
        'yellow-light': '#FFC949',
        'brown': '#251605',
        'green': '#1B998B',
        'green-dark': '#198C7F',
        'green-darker': '#11635A',
        'red': '#D64045',
        'red-dark': '#CA2E33',
        'red-darker': '#B93B3F',
        'red-error': '#F2545B',
      },

      fontSize: {
        'base': '1.125rem', // 18 px
        'lg': '1.5rem',     // 24 px
        'xl': '2.625rem',   // 42 px
      },
      
      height: {
        '2-screen': '140vh',
      },

      boxShadow: {
        'md-upper': '0 -2px 4px -2px rgb(0 0 0 / 0.1)',
      },

      spacing: {
        'desktop': '11rem',
        'sm-desktop': '5rem',
        'mobile': '2rem',
      },

      screens: {
        'sm-desktop': '1000px',
        'desktop': '1500px',
      }
    },
  },
  plugins: [],
};
export default config;