tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
export default {
	darkMode: 'false', // Add this line to disable dark mode
	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
	theme: {
		screens: {
			sm: "575px",
			md: "768px",
			lg: "976px",
			xl: "1440px",
		},
	  colors: {
		black: "#000000",
		white: "#FFFFFF",
		gray: "#0D0C22",
		stone: "#231F20",
		lime: "#B9FF66",
		brick: "rgb(237,122,122)",
		theme_blue: "rgb(74, 117, 139)",
		zinc: {
		  100: "#F3F3F3",
		  200: "#F0F0F0",
		  300: "#D9D9D9",
		  400: "#D8D8D8",
		  500: "#898989",
		  600: "#B0B0B0",
		  700: "#787878",
		  800: "#292A32",
		  900: "#191A23",
		},
	  },
	  boxShadow:{
        'card':'0px 5px 0px 0px #191A23'
      },
	  extend: {
		fontFamily: {
			SpaceGrotesk: ["Space Grotesk", "sans-serif"],
		},
	  },
	},
	plugins: [
		require('@tailwindcss/typography'),
		// ...
	],
  };