/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/renderer/index.html', './src/renderer/src/**/*.{ts,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // iOS semantic palette
        accent: 'rgb(var(--accent) / <alpha-value>)',
        'accent-soft': 'rgb(var(--accent-soft) / <alpha-value>)',
        'accent-2': 'rgb(var(--accent-2) / <alpha-value>)',
        success: 'rgb(var(--success) / <alpha-value>)',
        warning: 'rgb(var(--warning) / <alpha-value>)',
        destructive: 'rgb(var(--destructive) / <alpha-value>)',
        info: 'rgb(var(--info) / <alpha-value>)',

        // Surfaces
        bg: 'rgb(var(--bg) / <alpha-value>)',
        'bg-deep': 'rgb(var(--bg-deep) / <alpha-value>)',
        surface: 'rgb(var(--surface) / <alpha-value>)',
        'surface-2': 'rgb(var(--surface-2) / <alpha-value>)',
        'surface-elevated': 'rgb(var(--surface-elevated) / <alpha-value>)',

        // Text & lines
        text: 'rgb(var(--text) / <alpha-value>)',
        muted: 'rgb(var(--muted) / <alpha-value>)',
        hairline: 'rgb(var(--hairline) / <alpha-value>)',
        border: 'rgb(var(--border) / <alpha-value>)',

        // Legacy aliases (so unchanged pages still compile)
        victory: 'rgb(var(--victory) / <alpha-value>)',
        defeat: 'rgb(var(--defeat) / <alpha-value>)',
        xp: 'rgb(var(--xp) / <alpha-value>)'
      },
      fontFamily: {
        sans: [
          'Plus Jakarta Sans',
          '-apple-system',
          'SF Pro Text',
          'Segoe UI Variable Text',
          'Segoe UI',
          'system-ui',
          'sans-serif'
        ],
        display: [
          'Bricolage Grotesque',
          'Plus Jakarta Sans',
          '-apple-system',
          'SF Pro Display',
          'system-ui',
          'sans-serif'
        ],
        serif: [
          'Bricolage Grotesque',
          'Plus Jakarta Sans',
          '-apple-system',
          'SF Pro Display',
          'system-ui',
          'sans-serif'
        ],
        mono: [
          'JetBrains Mono',
          'ui-monospace',
          'SF Mono',
          'Cascadia Code',
          'Menlo',
          'monospace'
        ]
      },
      borderRadius: {
        // iOS-specific radii
        xl: '14px',
        '2xl': '18px',
        '3xl': '22px'
      },
      boxShadow: {
        ios: '0 0.5px 0 rgb(0 0 0 / 0.04), 0 1px 2px rgb(0 0 0 / 0.05), 0 4px 12px rgb(0 0 0 / 0.04)',
        sheet:
          '0 1px 2px rgb(0 0 0 / 0.06), 0 20px 50px -16px rgb(0 0 0 / 0.4)'
      }
    }
  },
  plugins: []
}