/* ═══════════════════════════════════════════════════════════════
 * MCCI · Design tokens
 * Las vars --mcci-* las inyecta el panel "Ajustes MCCI" en runtime (Phase 2).
 * Las vars --c-*, --f-*, --max-w, --ease usan fallback para que el theme
 * funcione antes de que el cliente toque Ajustes.
 * ═══════════════════════════════════════════════════════════════ */

:root {
	/* Colors */
	--c-dark:        var(--mcci-ink,    #121519);
	--c-text:        var(--mcci-ink,    #121519);
	--c-text-mid:    var(--mcci-midline,#4A4D55);
	--c-text-light:  var(--mcci-muted,  #7A7D85);
	--c-bg-1:        var(--mcci-paper,  #F5F3EE);
	--c-bg-2:        var(--mcci-cream,  #FAFBFC);
	--c-accent:      var(--mcci-accent, #6F89C8);
	--c-border:      rgba(18,21,25,0.08);
	--c-border-dark: rgba(245,243,238,0.1);
	--c-inverse:     var(--mcci-paper,  #F5F3EE);

	/* Fonts */
	--f-display: var(--mcci-font-display, 'Bricolage Grotesque'), system-ui, sans-serif;
	--f-body:    var(--mcci-font-body,    'Archivo'), -apple-system, BlinkMacSystemFont, sans-serif;
	--f-mono:    var(--mcci-font-mono,    'IBM Plex Mono'), ui-monospace, monospace;

	/* Layout & motion */
	--max-w:    1360px;
	--ease:     cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}