42 lines
1.7 KiB
TypeScript
42 lines
1.7 KiB
TypeScript
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;
|