tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: "class",
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: "#131217",
        secondary: "#1a1820",
        terciary: "#26252E",
        quartiary: "#1C1922",
        cardPrimary: "#26252E",
        strokeDefault: "#747474",
        strokeFocus: "#8B5CF6",

        lightPrimary: "#FBFCF8",
        lightSecondary: "#EFEEF1",
        lightTerciary: "#C8C8C8",

        lightFonts: "#1F1F1F",
        lightSubtitles: "#535353",

        lightButtons: "#111111",
        lightStroke: "#4F4F4F",
        lightCards: "#1F1F1F",
      },
      fontFamily: {
        maven: ["Maven Pro", "sans-serif"],
        jet: ["JetBrains Mono", "sans-serif"],
        geologica: ["Geologica", "sans-serif"],
      },
      backgroundImage: {
        netlyBackground1: "url('./src/assets/netly/project-netly-main.png')",
        netlyBackground2: "url('./src/assets/netly/project-netly-others.png')",
        netlyBackground3: "url('./src/assets/netly/project-netly-unique.png')",

        perfil: "url('./src/pages/assets/fotominhacircle.png')",
        dottedLight: "url('./src/assets/dotted-background-white.png')",
        dotted: "url('./src/assets/dotted-background.png')",
      },
      screens: {
        xs: "320px",
      },
    },
  },
  plugins: [],
};