tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    extend: {
      fontFamily: {
        titles: ["Raleway Variable", "sans-serif"],
        subtitles: ["Roboto Condensed", "sans-serif"],
        paragraphs: ["Roboto Condensed", "sans-serif"],
      },

      colors: {
        dark_cyan: {
          50: "#dae2e4",
          100: "#b1bfc4",
          200: "#889da4",
          300: "#607d86",
          400: "#395e69",
          500: "#0B404D",
          600: "#0b3742",
          700: "#0b2f38",
          800: "#0a262e",
          900: "#081e24",
          950: "#04161b",
        },
        background_cyan: {
          50: "#dadfe0",
          100: "#adb7ba",
          200: "#829095",
          300: "#596c72",
          400: "#314950",
          500: "#082931",
          600: "#09242a",
          700: "#0a1f24",
          800: "#0a1a1e",
          900: "#071518",
          950: "#030e11",
        },
        bright_cyan: {
          50: "#dff6fa",
          100: "#c3ebf4",
          200: "#a6e1ef",
          300: "#87d6e9",
          400: "#62cce4",
          500: "#28c1de",
          600: "#23a6bf",
          700: "#1e8ca1",
          800: "#197384",
          900: "#135b68",
          950: "#0e444e",
        },
        soft_blue: {
          50: "#edf8fc",
          100: "#daeff9",
          200: "#c7e7f5",
          300: "#b3dff2",
          400: "#9ed6ee",
          500: "#87ceeb",
          600: "#74b1ca",
          700: "#6296ab",
          800: "#517b8c",
          900: "#40616e",
          950: "#2f4852",
        },
        lime_green: {
          50: "#e2f4ea",
          100: "#c4e7d1",
          200: "#a5dab8",
          300: "#86cda0",
          400: "#64c088",
          500: "#3cb371",
          600: "#349a61",
          700: "#2c8252",
          800: "#246b43",
          900: "#1d5435",
          950: "#153f28",
        },
        soft_yellow: {
          50: "#fdfbf5",
          100: "#fbf7ea",
          200: "#f9f2df",
          300: "#f7eed3",
          400: "#f5e9c8",
          500: "#F2E5BD",
          600: "#d0c5a3",
          700: "#b0a689",
          800: "#908871",
          900: "#726c59",
          950: "#555042",
        },
        beige: {
          50: "#fdfdfa",
          100: "#fcfaf5",
          200: "#faf8f0",
          300: "#f8f5eb",
          400: "#f7f3e6",
          500: "#f5f0e1",
          600: "#d3cfc2",
          700: "#b2aea3",
          800: "#928f86",
          900: "#73716a",
          950: "#56544f",
        },
      },
    },
  },
  plugins: [],
};