tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/sections/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      fontSize: {
        "section-title": [
          "3rem",
          {
            lineHeight: "150%",
          },
        ],
        "section-text": [
          "1.5rem",
          {
            lineHeight: "150%",
          },
        ],
        22: "1.375rem",
      },
      fontWeight: {
        bold: 800,
        semi: 700,
        medium: 600,
        light: 500,
      },
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
        "gradient-light-green":
          "linear-gradient(94.39deg, rgba(110, 201, 191, 0.7) 4.88%, rgba(6, 9, 37, 0.7) 109.67%)",
        "gradient-blue":
          "linear-gradient(89.94deg, rgba(77, 146, 213, 0.7) 5.35%, rgba(6, 9, 37, 0.7) 100%)",
        "blue-grandient": `linear-gradient(180deg, ${
          process.env.NEXT_PUBLIC_THEME_COLOR || "#1DFAF7"
        } 0%, #000000 140%)`,
      },
      colors: {
        "primary-blue": process.env.NEXT_PUBLIC_THEME_COLOR || "#1DFAF7",
        "secondary-theme": process.env.NEXT_PUBLIC_THEME_COLOR || "#1DFAF7",
        "secondary-blue": "#245F99",
        "light-blue": "#A1C3E5",
        "primary-grey": "#8CA2B7",
        "secondary-grey": "#757575",
        "soft-black": "#0E0D0D",
        "primary-green": "#50D54D",
        "soft-green": "rgba(80, 213, 77, 0.2)",
        purple: "#25132B",
        oyabun: "#1BC4C2",
      },
      boxShadow: {
        card: "0px 202px 81px rgba(18, 37, 74, 0.01), 0px 114px 68px rgba(18, 37, 74, 0.05), 0px 51px 51px rgba(18, 37, 74, 0.09), 0px 13px 28px rgba(18, 37, 74, 0.1), 0px 0px 0px rgba(18, 37, 74, 0.1)",
        "project-card":
          "0px 4px 6px rgba(6, 9, 37, 0.02), 0px 8px 28px rgba(77, 146, 213, 0.07)",
        light:
          "0px 93px 56px rgba(0, 0, 0, 0.01), 0px 41px 41px rgba(0, 0, 0, 0.01), 0px 10px 23px rgba(0, 0, 0, 0.02), 0px 0px 0px rgba(0, 0, 0, 0.02)",
      },
      padding: {
        section: "0 7.5rem",
        therty: "30px",
      },
      screens: {
        "2xl": "1680px",
        1450: "1450px",
      },
    },
  },
  plugins: [],
};