const defaultTheme = require("tailwindcss/defaultTheme");

module.exports = {
  content: [
    "./public/*.html",
    "./app/helpers/**/*.rb",
    "./app/javascript/**/*.js",
    "./app/views/**/*.{erb,haml,html,slim}",
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ["Inter var", ...defaultTheme.fontFamily.sans],
      },
      colors: {
        "hsrm-red": "#c20008",
        "hsrm-red-dark": "#af0007",
        "hsrm-red-light": "#e20009",
        "hsrm-gray": "#3a3a3a",
        "hsrm-gray-dark": "#212121",
        "hsrm-gray-light": "#4e4e4e",
        "status-open": "#111827", // gray-900
        "status-open-light": "#d1d5db", // gray-300
        "status-printing": "#713f12", // yellow-900
        "status-printing-light": "#fde047", // yellow-300
        "status-pickup": "#365314", // lime-900
        "status-pickup-light": "#bef264", // lime-300
        "status-paid": "#14532d", // green-900
        "status-paid-light": "#86efac", // green-300
        "status-canceled": "#7f1d1d", // red-900
        "status-canceled-light": "#fca5a5", // red-300
        "role-user": "#14532d", // green
        "role-user-light": "#86efac",
        "role-operator": "#713f12", // yellow
        "role-operator-light": "#fde047",
        "role-admin": "#7f1d1d", // red
        "role-admin-light": "#fca5a5",
      },
    },
  },
  safelist: [
    "text-status-open",
    "bg-status-open-light",
    "border-status-open-light",
    "text-status-printing",
    "bg-status-printing-light",
    "border-status-printing-light",
    "text-status-pickup",
    "bg-status-pickup-light",
    "border-status-pickup-light",
    "text-status-paid",
    "bg-status-paid-light",
    "border-status-paid-light",
    "text-status-canceled",
    "bg-status-canceled-light",
    "border-status-canceled-light",
    "text-role-user",
    "bg-role-user-light",
    "text-role-operator",
    "bg-role-operator-light",
    "text-role-admin",
    "bg-role-admin-light",
    "hover:bg-role-user-light",
    "hover:bg-role-operator-light",
    "hover:bg-role-admin-light"
  ],
  plugins: [
    require("@tailwindcss/forms"),
    require("@tailwindcss/typography"),
    require("@tailwindcss/container-queries"),
  ],
};
