/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: "#00398a",
          50: "#e6ecf4",
          100: "#ccd9ea",
          200: "#99b4d5",
          300: "#668ebf",
          400: "#3369aa",
          500: "#00398a",
          600: "#002e6e",
          700: "#002253",
          800: "#001737",
          900: "#000b1c"
        },
        secondary: "#5e718d",
        background: {
          light: "#f5f7f8",
          dark: "#0f1723"
        },
        border: "#e2e8f0"
      },
      fontFamily: {
        sans: ["Public Sans", "sans-serif"],
        display: ["Public Sans", "sans-serif"]
      },
      borderRadius: {
        lg: "0.5rem",
        xl: "0.75rem"
      }
    }
  },
  plugins: []
};