/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,jsx}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'system-ui', 'Segoe UI', 'Helvetica', 'Arial', 'sans-serif'],
      },
      colors: {
        // Dark Teal Brand - anchored on user keyfarbe #051e23 (= brand-900)
        brand: {
          50:  '#f1f7f8',
          100: '#dde9eb',
          200: '#b9d2d7',
          300: '#8eb3bb',
          400: '#5f8e98',
          500: '#3f6e78',
          600: '#285860',
          700: '#1a4148',
          800: '#102e34',
          900: '#051e23',
          950: '#03161a',
        }
      },
      boxShadow: {
        card: '0 1px 3px 0 rgb(15 23 42 / 0.06), 0 1px 2px -1px rgb(15 23 42 / 0.04)',
        soft: '0 4px 16px -2px rgb(15 23 42 / 0.08)',
      }
    },
  },
  plugins: [],
}