import type { Config } from "tailwindcss";

const config: Config = {
  darkMode: "class",
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./lib/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        "surface-dim": "#131313",
        "primary-container": "#f7931a",
        "on-secondary-container": "#b6b5b4",
        "on-background": "#e5e2e1",
        "on-error-container": "#ffdad6",
        error: "#ffb4ab",
        "surface-bright": "#393939",
        "on-tertiary-fixed-variant": "#46464b",
        "inverse-surface": "#e5e2e1",
        "surface-container-high": "#2a2a2a",
        "on-primary-fixed": "#2d1600",
        "on-surface-variant": "#dbc2ae",
        "secondary-container": "#474747",
        "on-tertiary-container": "#3f3f44",
        "on-secondary-fixed-variant": "#474747",
        "tertiary-container": "#ababb0",
        "inverse-primary": "#8c4f00",
        "tertiary-fixed": "#e3e2e7",
        tertiary: "#c7c6cb",
        "primary-fixed": "#ffdcbf",
        "on-primary-fixed-variant": "#6b3b00",
        "surface-container-low": "#1c1b1b",
        "secondary-fixed": "#e4e2e1",
        "on-tertiary-fixed": "#1a1b1f",
        "surface-container-highest": "#353534",
        "on-primary": "#4b2800",
        "on-primary-container": "#603500",
        "error-container": "#93000a",
        "surface-container-lowest": "#0e0e0e",
        "outline-variant": "#554335",
        outline: "#a38d7b",
        "surface-variant": "#353534",
        "surface-tint": "#ffb874",
        "on-error": "#690005",
        "secondary-fixed-dim": "#c8c6c6",
        surface: "#131313",
        "on-secondary-fixed": "#1b1c1c",
        background: "#131313",
        secondary: "#c8c6c6",
        "inverse-on-surface": "#313030",
        "primary-fixed-dim": "#ffb874",
        "on-tertiary": "#2f3034",
        "on-surface": "#e5e2e1",
        "tertiary-fixed-dim": "#c6c6cb",
        primary: "#ffb874",
        "on-secondary": "#303030",
        "surface-container": "#201f1f",
      },
      fontFamily: {
        headline: ["Inter", "sans-serif"],
        body: ["Inter", "sans-serif"],
        label: ["Inter", "sans-serif"],
      },
      borderRadius: {
        DEFAULT: "0.25rem",
        lg: "0.5rem",
        xl: "0.75rem",
        full: "9999px",
      },
    },
  },
  plugins: [],
};
export default config;
