import type { Config } from 'tailwindcss';

const config: Config = {
  content: ['./app/**/*.{ts,tsx}', './components/**/*.{ts,tsx}', './lib/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        // — Manual de Identidad Visual v1.0 (mayo 2026) —
        // Colores principales
        'azul-profundo': '#0A1D3D',    // Pantone 2965 C — texto, fondos oscuros, CTAs
        'dorado': {
          DEFAULT: '#C4942E',           // Pantone 872 C — acentos, títulos, símbolo ≡
        },
        // Colores neutros
        'azul-claro': '#C8EEF5',       // fondos alternativos, secciones suaves
        'gris-claro': '#F2F2F2',       // fondos neutros, separadores
        'gris-medio': '#AAAAAA',       // texto secundario, placeholders
        // Aliases semánticos (backward compat + legibilidad en componentes)
        ink: '#0A1D3D',                // texto principal
        'bg-dark': '#0A1D3D',          // secciones oscuras
      },
      fontFamily: {
        // Open Sans (OFL) vía next/font/google — lo más cercano a Aptos en open-source
        // (mismo diseñador: Steve Matteson). Cero autoalojamiento, cero problemas de licencia.
        sans: ['var(--font-open-sans)', 'system-ui', 'sans-serif'],
      },
      maxWidth: {
        content: '1152px',
      },
      fontSize: {
        // Two title roles, so a brand statement never looks like a section
        // heading. Fluid so they hold from 360px to desktop without a stack of
        // breakpoint overrides.
        ancla: ['clamp(2.5rem, 6.5vw, 4.5rem)', { lineHeight: '0.98', letterSpacing: '-0.025em' }],
        seccion: ['clamp(2rem, 4vw, 3.25rem)', { lineHeight: '1.02', letterSpacing: '-0.02em' }],
      },
    },
  },
  plugins: [],
};
export default config;