/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{ts,tsx}',
    './components/**/*.{ts,tsx}',
  ],
  presets: [require('nativewind/preset')],
  theme: {
    extend: {
      colors: {
        // Rebreak brand colors — orange burst + dark blue from app-icon.png
        // TEMP: iOS native blue palette zum Testen.
        // Original Brand-Orange: 50:#fff7ed → 500:#f59e0b → 900:#78350f
        rebreak: {
          50: '#eff6ff',
          100: '#dbeafe',
          200: '#bfdbfe',
          300: '#93c5fd',
          400: '#60a5fa',
          500: '#007AFF',
          600: '#0062cc',
          700: '#0050a3',
          800: '#003e7a',
          900: '#002b52',
        },
        // Dark blue background palette aus dem Brand-Icon
        midnight: {
          50: '#e6edf6',
          100: '#cad9eb',
          200: '#92b4d6',
          300: '#5a8ec1',
          400: '#3a6da3',
          500: '#264e7d',
          600: '#1a3a60',
          700: '#13284a',
          800: '#0e1f3a',
          900: '#091428',
          950: '#040a16',
        },
      },
      fontFamily: {
        sans: ['Nunito_400Regular', 'system-ui'],
        semibold: ['Nunito_600SemiBold'],
        bold: ['Nunito_700Bold'],
        extrabold: ['Nunito_800ExtraBold'],
      },
    },
  },
  plugins: [],
};