tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{astro,svelte}"],
  darkMode: "class",
  theme: {
    colors: {
      white: "#fff",
      black: "#000",
      gray: {
        10: "#191919",
        20: "#333333",
        30: "#4c4c4c",
        40: "#666666",
        50: "#808080",
        60: "#999999",
        70: "#b3b3b3",
        80: "#cccccc",
        90: "#e6e6e6",
      },
      red: {
        10: "#190000",
        20: "#330000",
        30: "#4c0000",
        40: "#660000",
        50: "#800000",
        60: "#990000",
        70: "#b30000",
        80: "#cc0000",
        90: "#e60000",
        100: "#ff0000",
        110: "#ff1a1a",
        120: "#ff3333",
        130: "#ff4d4d",
        140: "#ff4d4d",
        150: "#ff6666",
        160: "#ff8080",
        170: "#ff9999",
        180: "#ffb3b3",
        190: "#ffcccc",
        200: "#ffe6e6",
      },
    },
    fontFamily: {
      heading: ["Norwester", "sans-serif"],
      body: ["Glacial Indifference", "sans-serif"],
    },
    extend: {},
  },
  plugins: [require("@tailwindcss/typography")],
};