/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        "primary": "#0c6780",
        "primary-container": "#87ceeb",
        "on-primary": "#ffffff",
        "on-primary-container": "#005870",
        "secondary": "#715c00",
        "secondary-container": "#feda57",
        "on-secondary": "#ffffff",
        "on-secondary-container": "#745f00",
        "tertiary": "#a43c12",
        "tertiary-container": "#ffb298",
        "on-tertiary": "#ffffff",
        "on-tertiary-container": "#923004",
        "background": "#f9f9f9",
        "on-background": "#1a1c1c",
        "surface": "#f9f9f9",
        "on-surface": "#1a1c1c",
        "surface-variant": "#e2e2e2",
        "on-surface-variant": "#3f484c",
        "surface-bright": "#f9f9f9",
        "surface-dim": "#dadada",
        "surface-container-lowest": "#ffffff",
        "surface-container-low": "#f3f3f4",
        "surface-container": "#eeeeee",
        "surface-container-high": "#e8e8e8",
        "surface-container-highest": "#e2e2e2",
        "outline": "#6f787d",
        "outline-variant": "#bfc8cd",
        "inverse-primary": "#89d0ed",
        "inverse-surface": "#2f3131",
        "inverse-on-surface": "#f0f1f1",
        "error": "#ba1a1a",
        "on-error": "#ffffff",
        "error-container": "#ffdad6",
        "on-error-container": "#93000a",
      },
      borderRadius: {
        "DEFAULT": "1rem",
        "lg": "2rem",
        "xl": "3rem",
      },
      fontFamily: {
        sans: ["Plus Jakarta Sans", "Quicksand", "sans-serif"],
        headline: ["Quicksand", "sans-serif"],
      }
    },
  },
  plugins: [],
}
