/* MERITUS — capa de marca para la app. Enlazar al FINAL del para que reescriba los estilos en línea. Tipografía, titulares, enlaces, botones y badges pasan a la identidad de marca; los colores de dato (KPIs, diagrama) se conservan. */ @font-face { font-family: 'Cinzel'; src: url('fonts/Cinzel.ttf') format('truetype'); font-weight: 400 900; font-display: swap; } @font-face { font-family: 'EB Garamond'; src: url('fonts/EBGaramond.ttf') format('truetype'); font-weight: 400 800; font-display: swap; } @font-face { font-family: 'Inter'; src: url('fonts/Inter.ttf') format('truetype'); font-weight: 100 900; font-display: swap; } :root { --meritus-burdeos: #6E1423; --meritus-oro: #B08D2E; --meritus-tinta: #1F2A44; --meritus-pergamino: #EFE3C7; --meritus-marfil: #FBF7EF; --meritus-grafito: #2C2A26; --color-bg: #FBF7EF; --color-surface: #FFFFFF; --color-text: #2C2A26; --color-muted: #6B6357; --color-primary: #6E1423; --color-on-primary: #FBF7EF; --color-accent: #B08D2E; --color-accent-text: #7A5E12; --color-border: rgba(44,42,38,.14); --color-link: #6E1423; --font-display: 'Cinzel', Georgia, serif; --font-serif: 'EB Garamond', Georgia, serif; --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; } @media (prefers-color-scheme: dark) { :root { --color-bg: #161310; --color-surface: #211C18; --color-text: #F2EADB; --color-muted: #B9AE99; --color-primary: #A83246; --color-accent: #E6C766; --color-accent-text: #E6C766; --color-border: rgba(242,234,219,.16); --color-link: #E6C766; } } body { font-family: var(--font-sans); color: var(--color-text); background: var(--color-bg); } a { color: var(--color-link); } h1, h2, h3 { font-family: var(--font-serif); color: var(--color-primary); } .wordmark { font-family: var(--font-display); letter-spacing: .08em; } .cta, .btn { background: var(--color-primary) !important; color: var(--color-on-primary) !important; border-radius: 999px !important; } .badge { background: var(--meritus-pergamino) !important; color: var(--color-primary) !important; } th { color: var(--color-muted) !important; } .chip-informativo { background: var(--color-primary) !important; }