/**
 * Assets Hub - Variáveis CSS Compartilhadas
 * Arquivo único para todas as variáveis CSS do sistema
 * 
 * @package InvestimentosFinanceiros
 * @since 2.0.0
 */

:root {
    /* Cores Primárias */
    --if-primary: #326169;
    --if-secondary: #326169;
    --if-light: #3b7781;
    --if-accent: #5da9e9;
    --if-soft: #d6e8f7;
    
    /* Cores de Fundo */
    --if-bg: #f0f4f8;
    --if-white: #ffffff;
    --if-dark: #0d1b2a;
    --if-panel: #3b7781;
    
    /* Cores de Texto */
    --if-gray: #484e52;
    --if-muted: #6b7280;
    --if-text: #0d1b2a;
    
    /* Cores de Status */
    --if-positive: #35c88a;
    --if-negative: #ff6b6b;
    
    /* Bordas e Sombras */
    --if-border: #a0aec0;
    --if-glow: #5da9e9;
    --if-shadow: rgba(19, 41, 61, 0.1);
    --if-shadow-hover: rgba(19, 41, 61, 0.2);
}

/* Classes Genéricas de Variação de Preço - Definidas uma única vez */
.positive,
.if-data-table .positive {
    color: var(--if-positive) !important;
}

.negative,
.if-data-table .negative {
    color: var(--if-negative) !important;
}

.is-up,
.if-asset-card__price .change.is-up,
.if-single-asset__change.is-up {
    color: var(--if-positive) !important;
}

.is-down,
.if-asset-card__price .change.is-down,
.if-single-asset__change.is-down {
    color: var(--if-negative) !important;
}