/** Lux Carbon — tokens para Tailwind CSS (v2)
 *  tailwind.config.js:
 *    const lux = require('./assets/tokens/tailwind.tokens.js')
 *    module.exports = { theme: { extend: lux } }
 *  Fonte: Manual de marca (Estúdio Vestígio, 2026) + Lux Carbon - IDV.
 */
module.exports = {
  colors: {
    lux: {
      verde: { DEFAULT: '#0B3D2E', 100: '#85B199', 500: '#1E6E43', 900: '#0B3D2E' },
      azul:  { DEFAULT: '#003C63', 100: '#D5E5EC', 400: '#7596AB', 800: '#003C63' },
      navy:  '#02172E',
      lime:  '#90D62E', // nunca texto sobre fundo claro
      sky:   '#59C3FF', // nunca texto sobre fundo claro
      neutro: { 0: '#FFFFFF', 100: '#EBECEE', 300: '#A4ABB4', 600: '#495869', 900: '#02172E' },
      cta: '#1E6E43', // botão do manual
      success: { DEFAULT: '#1E6E43', bg: '#E8F1EC' },
      info:    { DEFAULT: '#003C63', bg: '#D5E5EC' },
      warning: { DEFAULT: '#8A6A00', bg: '#FFF4D6' },
      danger:  { DEFAULT: '#9B1C1C', bg: '#FDE8E8' },
    },
  },
  fontFamily: {
    heading: ['"Zalando Sans"', 'system-ui', '-apple-system', '"Segoe UI"', 'Helvetica', 'sans-serif'],
    body: ['"Public Sans"', 'system-ui', '-apple-system', '"Segoe UI"', 'Helvetica', 'sans-serif'],
  },
  fontSize: {
    display: ['3.815rem', { lineHeight: '1.05', letterSpacing: '-0.02em', fontWeight: '500' }],
    h1: ['3.052rem', { lineHeight: '1.1', letterSpacing: '-0.02em', fontWeight: '500' }],
    h2: ['2.441rem', { lineHeight: '1.15', letterSpacing: '-0.01em', fontWeight: '600' }],
    h3: ['1.953rem', { lineHeight: '1.2', letterSpacing: '-0.01em', fontWeight: '600' }],
    h4: ['1.563rem', { lineHeight: '1.3', fontWeight: '600' }],
    h5: ['1.25rem', { lineHeight: '1.4', fontWeight: '600' }],
    'body-lg': ['1.25rem', { lineHeight: '1.55' }],
    body: ['1rem', { lineHeight: '1.55' }],
    'body-sm': ['0.875rem', { lineHeight: '1.5' }],
    caption: ['0.75rem', { lineHeight: '1.45', letterSpacing: '0.01em' }],
    overline: ['0.875rem', { lineHeight: '1.4', letterSpacing: '0.05em' }],
  },
  spacing: {
    1: '4px', 2: '8px', 3: '12px', 4: '16px', 6: '24px',
    8: '32px', 12: '48px', 16: '64px', 24: '96px', 32: '128px',
  },
  borderRadius: { sm: '4px', md: '8px', lg: '16px', xl: '24px', full: '9999px' },
  boxShadow: {
    sm: '0 1px 2px rgba(2,23,46,0.06)',
    md: '0 4px 12px rgba(2,23,46,0.08)',
    lg: '0 12px 32px rgba(2,23,46,0.12)',
  },
  backgroundImage: {
    // apenas hero/capa/divisória — nunca em componentes
    'lux-gradient': 'linear-gradient(135deg, #02172E 0%, #003C63 45%, #1E6E43 100%)',
  },
  height: { control: '44px', 'control-sm': '36px', 'control-lg': '52px', header: '72px' },
  maxWidth: { container: '1200px', measure: '65ch' },
  screens: { sm: '640px', md: '768px', lg: '1024px', xl: '1280px' },
}
