import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        d11: {
          red: '#e41e2b',
          'red-dark': '#c41520',
          soft: '#fff1f2',
          bg: '#f4f5f7',
          card: '#ffffff',
          ink: '#141416',
          muted: '#6b7280',
          line: '#e8eaed',
          green: '#00b137',
          navy: '#12131a',
          mega: '#7c3aed',
        },
        dark: {
          950: '#090a0f',
          900: '#11131a',
          850: '#161922',
          800: '#1e2230',
          700: '#2b3144',
          600: '#3f4761',
        },
        brand: {
          primary: '#e41e2b',
          hover: '#c41520',
          amber: '#f59e0b',
          rose: '#e41e2b',
          cyan: '#06b6d4',
        },
      },
      fontFamily: {
        sans: ['var(--font-sans)', 'system-ui', 'sans-serif'],
        display: ['var(--font-display)', 'var(--font-sans)', 'system-ui', 'sans-serif'],
        mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'monospace'],
      },
      boxShadow: {
        card: '0 1px 2px rgba(16,24,40,0.04), 0 4px 12px rgba(16,24,40,0.04)',
        lift: '0 10px 28px rgba(228, 30, 43, 0.14)',
        dock: '0 -4px 24px rgba(16,24,40,0.08), 0 8px 24px rgba(16,24,40,0.06)',
        header: '0 1px 0 rgba(255,255,255,0.12) inset, 0 8px 24px rgba(196, 21, 32, 0.25)',
      },
      keyframes: {
        'page-in': {
          from: { opacity: '0', transform: 'translateY(6px)' },
          to: { opacity: '1', transform: 'translateY(0)' },
        },
      },
      animation: {
        'page-in': 'page-in 0.28s ease-out both',
      },
      maxWidth: {
        app: '42rem',
        'app-lg': '56rem',
      },
      spacing: {
        'safe-b': 'env(safe-area-inset-bottom, 0px)',
        'nav-clear': 'calc(5rem + env(safe-area-inset-bottom, 0px))',
      },
    },
  },
  plugins: [],
};

export default config;