/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./public/**/*.{html,js}"
  ],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        "on-secondary-fixed-variant": "#4e5c71",
        "on-secondary": "#f8f8ff",
        "secondary-fixed-dim": "#c7d5ed",
        "surface-variant": "#d9e4ea",
        "surface-tint": "#3755c3",
        "primary-container": "#dde1ff",
        "primary-dim": "#2848b7",
        "on-background": "#2a3439",
        "surface-container-lowest": "#ffffff",
        "tertiary-fixed-dim": "#d4cdee",
        "on-tertiary-container": "#514d68",
        "error-container": "#fe8983",
        "on-secondary-container": "#455367",
        "outline": "#717c82",
        "on-primary": "#f8f7ff",
        "on-primary-container": "#2747b6",
        "inverse-primary": "#6d89fa",
        "on-surface": "#2a3439",
        "primary-fixed": "#dde1ff",
        "on-primary-fixed": "#0732a3",
        "secondary-dim": "#465468",
        "surface-container-high": "#e1e9ee",
        "surface-container-highest": "#d9e4ea",
        "on-primary-fixed-variant": "#3352c0",
        "on-error-container": "#752121",
        "secondary": "#526074",
        "tertiary-fixed": "#e3dbfd",
        "primary": "#3755c3",
        "surface-dim": "#cfdce3",
        "tertiary": "#605c78",
        "on-error": "#fff7f6",
        "secondary-fixed": "#d5e3fc",
        "error-dim": "#4e0309",
        "surface-bright": "#f7f9fb",
        "on-surface-variant": "#566166",
        "on-tertiary": "#fcf7ff",
        "tertiary-container": "#e3dbfd",
        "inverse-on-surface": "#9a9d9f",
        "on-tertiary-fixed-variant": "#5b5672",
        "tertiary-dim": "#54506b",
        "outline-variant": "#a9b4b9",
        "on-secondary-fixed": "#324053",
        "inverse-surface": "#0b0f10",
        "on-tertiary-fixed": "#3e3a54",
        "primary-fixed-dim": "#cad2ff",
        "surface-container": "#e8eff3",
        "secondary-container": "#d5e3fc",
        "surface-container-low": "#f0f4f7",
        "background": "#f7f9fb",
        "error": "#9f403d",
        "surface": "#f7f9fb"
      },
      fontFamily: {
        headline: ["Manrope", "sans-serif"],
        body: ["Inter", "sans-serif"],
        label: ["Inter", "sans-serif"]
      },
      borderRadius: {
        DEFAULT: "0.125rem",
        lg: "0.25rem",
        xl: "0.5rem",
        full: "0.75rem"
      }
    }
  },
  plugins: [
    require("@tailwindcss/forms"),
    require("@tailwindcss/container-queries")
  ]
};