import type { Config } from 'tailwindcss';

// Design system "Void Dark" — OriginsDigital V1
// Palette validée Step 1 : fond #0a0a0a, surface #111, accent #c9a84c (or mat)
// Dark only — pas de toggle en V1
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        od: {
          bg:           'var(--od-bg)',
          surface:      'var(--od-surface)',
          'surface-hi': 'var(--od-surface-hi)',
          border:       'var(--od-border)',
          'border-hi':  'var(--od-border-hi)',
          text:         'var(--od-text)',
          muted:        'var(--od-muted)',
          accent:       'var(--od-accent)',
          'accent-dim': 'var(--od-accent-dim)',
          'accent-glow':'var(--od-accent-glow)',
          crit:         'var(--od-crit)',
          ok:           'var(--od-ok)',
        },
      },
      fontFamily: {
        // display : Geist — headlines H1, titres premium
        display: ['Geist', 'Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
        sans:    ['Geist', 'Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
        mono:    ['"JetBrains Mono"', '"Fira Code"', 'ui-monospace', 'monospace'],
      },
      fontSize: {
        // Densité élevée — chaque pixel justifié
        '2xs': ['0.625rem', { lineHeight: '1rem' }],
      },
      borderRadius: {
        sm: '0.25rem',
        DEFAULT: '0.375rem',
        md: '0.5rem',
        lg: '0.75rem',
      },
      transitionDuration: {
        DEFAULT: '150ms',
      },
      boxShadow: {
        'accent-glow': '0 0 0 1px var(--od-accent-glow), 0 4px 20px var(--od-accent-glow)',
      },
      keyframes: {
        'fade-in': {
          from: { opacity: '0', transform: 'translateY(4px)' },
          to:   { opacity: '1', transform: 'translateY(0)' },
        },
      },
      animation: {
        'fade-in': 'fade-in 150ms ease-out',
      },
    },
  },
  plugins: [],
} satisfies Config;