/* 
 * Sistema de Variáveis CSS Unificado - Sistema de Frete
 * Arquivo principal que importa todos os módulos de variáveis
 * 
 * Estrutura:
 * 1. _base.css - Variáveis globais (spacing, typography, etc.)
 * 2. _colors.css - Sistema de cores base
 * 3. _bootstrap.css - Variáveis Bootstrap customizadas
 * 4. _themes/_tray.css - Tema Tray (light/dark)
 * 5. _themes/_bling.css - Tema Bling (light/dark)
 * 6. _themes/_bagy.css - Tema Bagy (light/dark)
 * 
 * Uso:
 *
 * - Importe este arquivo APÓS o bootstrap.css
 * - Aplique classes de tema no elemento raiz: .tray-theme--light, .bling-theme--dark, .bagy-theme--light, etc.
 * - Use as variáveis CSS em seus componentes: var(--color-primary), var(--spacing-4), etc.
 */

/* ==========================================================================
   CONFIGURAÇÕES GLOBAIS ADICIONAIS
   ========================================================================== */

/* Garantir que as variáveis base estejam sempre disponíveis */
:root {
    /* Fallbacks para cores de texto */
    --text-base: var(--text-primary);
    --text-muted: var(--text-muted);
    
    /* Fallbacks para cores de fundo */
    --bg-base: var(--bg-primary);
    --bg-muted: var(--bg-secondary);
}

.breadcrumb-separator::before {
   font-family: "Material Design Icons";
   float: left;
   padding-right: 0.5rem;
   color: var(--text-muted);
   content: "\f0142";
}