/*
 * MF Tokens — Identidade Visual v1.0
 * Moadil Fernando · Vice-Prefeito · Confresa-MT
 * Importar após Bootstrap, antes de style.css
 */
:root {
	/* ── Paleta principal ─────────────────────────────────── */
	--mf-azul:    #0B2C5B;
	--mf-verde:   #1F7A3A;
	--mf-amarelo: #F4C20D;

	/* ── Neutros ──────────────────────────────────────────── */
	--mf-offwhite: #FAF7F0;
	--mf-creme:    #F5EFE2;
	--mf-tinta:    #1A1A1A;

	/* ── Escala Azul ──────────────────────────────────────── */
	--mf-azul-100: #D4DEEE;
	--mf-azul-200: #A9BDD9;
	--mf-azul-300: #6F8FBE;
	--mf-azul-400: #3D6AA0;
	--mf-azul-500: #1E4D8B;
	--mf-azul-600: #163D72;
	--mf-azul-700: #0B2C5B;
	--mf-azul-800: #081F42;
	--mf-azul-900: #061A38;

	/* ── Escala Verde ─────────────────────────────────────── */
	--mf-verde-100: #DBEFDF;
	--mf-verde-200: #B5DFC0;
	--mf-verde-300: #8FCFA1;
	--mf-verde-400: #5FBA7C;
	--mf-verde-500: #3FA85B;
	--mf-verde-600: #2E8F45;
	--mf-verde-700: #1F7A3A;
	--mf-verde-800: #155F2D;
	--mf-verde-900: #0F4A22;

	/* ── Escala Amarelo ───────────────────────────────────── */
	--mf-amarelo-100: #FCEEAE;
	--mf-amarelo-200: #FAE381;
	--mf-amarelo-300: #F8D85B;
	--mf-amarelo-400: #F6CD34;
	--mf-amarelo-500: #F4C20D;
	--mf-amarelo-600: #D4A600;
	--mf-amarelo-700: #C29A00;
	--mf-amarelo-800: #9A7800;
	--mf-amarelo-900: #8A6B00;

	/* ── Tokens Semânticos ────────────────────────────────── */
	--color-primary:      var(--mf-azul);
	--color-primary-dark: var(--mf-azul-900);
	--color-primary-light:var(--mf-azul-100);

	--color-secondary:      var(--mf-verde);
	--color-secondary-dark: var(--mf-verde-900);
	--color-secondary-light:var(--mf-verde-100);

	--color-accent:       var(--mf-amarelo);
	--color-accent-dark:  var(--mf-amarelo-900);
	--color-accent-light: var(--mf-amarelo-100);

	--color-bg:           var(--mf-offwhite);
	--color-bg-alt:       var(--mf-creme);
	--color-text:         var(--mf-tinta);
	--color-text-muted:   #6E6E6E;
	--color-border:       #E6E2D7;
	--color-border-light: #F0EDE6;

	--color-success: var(--mf-verde-500);
	--color-warning: var(--mf-amarelo);
	--color-danger:  #B91C1C;
	--color-info:    var(--mf-azul-500);

	/* ── Tipografia ───────────────────────────────────────── */
	--font-display: 'Archivo Black', system-ui, sans-serif;
	--font-sans:    'Archivo', system-ui, sans-serif;
	--font-serif:   'Bitter', Georgia, 'Times New Roman', serif;

	--font-size-xs:   0.75rem;
	--font-size-sm:   0.875rem;
	--font-size-base: 1rem;
	--font-size-lg:   1.125rem;
	--font-size-xl:   1.25rem;
	--font-size-2xl:  1.5rem;
	--font-size-3xl:  1.875rem;
	--font-size-4xl:  2.25rem;
	--font-size-5xl:  3rem;

	--line-height-tight:  1.25;
	--line-height-snug:   1.375;
	--line-height-normal: 1.6;
	--line-height-relaxed:1.8;

	/* ── Espaçamentos ─────────────────────────────────────── */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10:2.5rem;
	--space-12:3rem;
	--space-16:4rem;
	--space-20:5rem;
	--space-24:6rem;

	/* ── Raios de borda ───────────────────────────────────── */
	--radius-sm: 0.375rem;
	--radius-md: 0.75rem;
	--radius-lg: 1.25rem;
	--radius-xl: 2rem;
	--radius-full: 9999px;

	/* ── Sombras ──────────────────────────────────────────── */
	--shadow-sm: 0 1px 3px rgba(6,26,56,0.08), 0 1px 2px rgba(6,26,56,0.06);
	--shadow-md: 0 4px 16px rgba(6,26,56,0.10), 0 2px 8px rgba(6,26,56,0.06);
	--shadow-lg: 0 12px 40px rgba(6,26,56,0.14), 0 4px 16px rgba(6,26,56,0.08);
	--shadow-xl: 0 24px 64px rgba(6,26,56,0.18), 0 8px 24px rgba(6,26,56,0.10);
	--shadow-amarelo: 0 8px 32px rgba(244,194,13,0.25);
	--shadow-verde:   0 8px 32px rgba(31,122,58,0.20);

	/* ── Transições ───────────────────────────────────────── */
	--transition-fast:   150ms ease;
	--transition-normal: 300ms ease;
	--transition-slow:   500ms ease;

	/* ── Aliases legados (compatibilidade com código anterior) ── */
	--primary-color:   var(--mf-azul);
	--secondary-color: var(--mf-amarelo);
	--accent-color:    var(--mf-amarelo);
	--dark-color:      var(--mf-azul-900);
	--light-color:     var(--mf-creme);
	--success-color:   var(--mf-verde-500);
	--info-color:      var(--mf-azul-500);
	--warning-color:   var(--mf-amarelo);
	--danger-color:    #B91C1C;

	/* ── Bootstrap overrides via custom properties ────────── */
	--bs-primary:             var(--mf-azul);
	--bs-primary-rgb:         11, 44, 91;
	--bs-secondary:           var(--mf-verde);
	--bs-secondary-rgb:       31, 122, 58;
	--bs-success:             var(--mf-verde-500);
	--bs-success-rgb:         63, 168, 91;
	--bs-warning:             var(--mf-amarelo);
	--bs-warning-rgb:         244, 194, 13;
	--bs-body-font-family:    var(--font-sans);
	--bs-body-color:          var(--mf-tinta);
	--bs-body-bg:             var(--mf-offwhite);
	--bs-border-radius:       var(--radius-md);
	--bs-border-radius-sm:    var(--radius-sm);
	--bs-border-radius-lg:    var(--radius-lg);
	--bs-link-color:          var(--mf-azul);
	--bs-link-hover-color:    var(--mf-azul-500);
}