import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./lib/**/*.{js,ts,jsx,tsx,mdx}"
  ],
  theme: {
    extend: {
      fontFamily: {
        body: ["Inter", "sans-serif"],
        headline: ["Manrope", "Inter", "sans-serif"],
        label: ["Inter", "sans-serif"]
      },
      colors: {
        ink: "#191c1e",
        onSurface: "#191c1e",
        background: "#f7f9fc",
        surface: "#f7f9fc",
        "surface-container": "#eceef0",
        "surface-container-low": "#f2f4f6",
        "surface-container-lowest": "#ffffff",
        "surface-container-high": "#e6e8ea",
        "surface-container-highest": "#e0e3e5",
        "surface-variant": "#e0e3e5",
        "outline": "#6f787d",
        "outline-variant": "#bfc8cd",
        "surface-bright": "#f7f9fc",
        "surface-dim": "#d8dadc",
        primary: "#0c6780",
        "primary-fixed": "#baeaff",
        "primary-fixed-dim": "#89d0ed",
        "primary-container": "#87ceeb",
        "on-primary": "#ffffff",
        "on-primary-container": "#005870",
        "on-primary-fixed": "#001f29",
        "on-primary-fixed-variant": "#004d62",
        "on-secondary": "#ffffff",
        "on-secondary-fixed": "#001e2d",
        "on-secondary-fixed-variant": "#194c64",
        "secondary": "#35637d",
        "secondary-container": "#b2e0fe",
        "secondary-fixed": "#c5e7ff",
        "secondary-fixed-dim": "#9fccea",
        "on-secondary-container": "#36647e",
        error: "#ba1a1a",
        "on-error": "#ffffff",
        "error-container": "#ffdad6",
        "on-error-container": "#93000a",
        tertiary: "#865219",
        "tertiary-container": "#fbb674",
        "tertiary-fixed": "#ffdcbf",
        "tertiary-fixed-dim": "#feb876",
        "on-tertiary": "#ffffff",
        "on-tertiary-container": "#76450c",
        "on-tertiary-fixed": "#2d1600",
        "on-tertiary-fixed-variant": "#6a3b01",
        success: "#0b8f56",
        warning: "#b25f0e",
        danger: "#b42318",
        line: "#dde2e5",
        brand: {
          DEFAULT: "#0c6780",
          dark: "#0a566d",
          soft: "#d9ecf5"
        },
        mist: "#eef4f7",
        "on-surface-variant": "#3f484c",
        "on-background": "#191c1e",
        "inverse-surface": "#2d3133",
        "inverse-on-surface": "#eff1f3",
        "inverse-primary": "#89d0ed",
        "on-surface": "#191c1e"
      },
      boxShadow: {
        panel: "0 20px 44px rgba(9, 17, 31, 0.06)",
        card: "0 14px 30px rgba(28, 36, 42, 0.06)",
        floating: "0 18px 48px rgba(19, 40, 54, 0.08)"
      },
      borderRadius: {
        DEFAULT: "0.125rem",
        sm: "0.25rem",
        md: "0.25rem",
        lg: "0.25rem",
        xl: "0.5rem",
        full: "0.75rem",
        pill: "9999px"
      }
    }
  },
  plugins: []
};

export default config;
