/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./templates/**/*.html"],
  theme: {
    extend: {
      colors: {
        transparent: "transparent",
        current: "currentColor",
        base: {
          DEFAULT: "#ffffff",
          dark: "#26010c",
        },
        surface: {
          DEFAULT: "#fffcfd",
          dark: "#4d041a",
        },
        overlay: {
          DEFAULT: "#d85079",
          dark: "#800d2f",
        },
        muted: {
          DEFAULT: "#4d3239",
          dark: "#807e7f",
        },
        subtle: {
          DEFAULT: "#331a21",
          dark: "#d9d7d7",
        },
        text: {
          DEFAULT: "#1a030a",
          dark: "#fcfafb",
        },
        orange: "#BA562A",
        rose: "#ba2a56",
        turquoise: "#2ABABA",
      },
    },
    plugins: [],
  },
};