/* Huge Identity - Variáveis CSS HugeCP (Paleta: Preto, Laranja, Branco) */
/* Este arquivo contém apenas variáveis CSS. As regras de estilo estão no main.scss */

:root {
    /* ============================================================================
       PALETA HUGECP - CORES PRINCIPAIS
       ============================================================================ */
    /* Cores Principais HugeCP */
    --color-primary: #FF6B35; /* Laranja HugeCP - cor principal */
    --color-primary-dark: #E55A2B; /* Laranja escuro para hover */
    --color-primary-light: #FF8C5A; /* Laranja claro para estados ativos */
    --color-secondary: #000000; /* Preto HugeCP - cor secundária */
    --color-secondary-light: #1a1a1a; /* Preto claro para textos */
    
    /* Cores de Texto */
    --color-text-primary: #000000; /* Preto para textos principais */
    --color-text-secondary: #4a4a4a; /* Cinza escuro para textos secundários */
    --color-text-light: #6b7280; /* Cinza médio para textos leves */
    
    /* Cores de Superfície */
    --color-surface: #ffffff; /* Branco para cards e superfícies */
    --color-surface-hover: #f9fafb; /* Branco levemente acinzentado para hover */
    --color-border: #e5e7eb; /* Cinza claro para bordas */
    --color-border-dark: #d1d5db; /* Cinza médio para bordas destacadas */
    
    /* Cores de Status */
    --color-success: #10b981; /* Verde para sucesso */
    --color-error: #ef4444; /* Vermelho para erro */
    --color-warning: #FF6B35; /* Laranja para avisos (usando cor primária) */
    --color-info: #3b82f6; /* Azul para informações */
    
    /* Sombras HugeCP - sutis e elegantes */
    --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15);
    --shadow-hover: 0 8px 24px rgba(255, 107, 53, 0.2); /* Sombra laranja no hover */
    --shadow-focus: 0 0 0 3px rgba(255, 107, 53, 0.2); /* Sombra de foco laranja */
    
    /* Bordas e Espaçamentos */
    --radius-base: 8px; /* Bordas mais suaves */
    --radius-sm: 4px;
    --radius-lg: 12px;

    /* ============================================================================
       MAPPING PARA COMPATIBILIDADE COM SISTEMA EXISTENTE
       ============================================================================ */
    /* Brand Colors - Mapeados para paleta HugeCP */
    --brand-primary: var(--color-primary);       /* Laranja HugeCP */
    --brand-secondary: var(--color-secondary);  /* Preto HugeCP */
    --brand-accent: var(--color-primary);       /* Laranja HugeCP */
    --brand-info: var(--color-info);             /* Azul */

    /* Semantic Colors */
    --brand-success: var(--color-success);
    --brand-warning: var(--color-warning);
    --brand-error: var(--color-error);

    /* Neutrals */
    --neutral-900: #161A24;         /* Dark Mode Background */
    --neutral-25: #E8F0FC;          /* Light Mode Background */
    --neutral-paper-light: var(--color-surface);
    --neutral-paper-dark: #1C212C;

    /* Mapping to HostBill Variables */
    --huge-primary: var(--color-primary);
    --huge-secondary: var(--color-secondary);
    --huge-accent: var(--color-primary);
    --huge-info: var(--color-info);
    --huge-success: var(--color-success);
    --huge-warning: var(--color-warning);
    --huge-danger: var(--color-error);
    
    /* Typography */
    --font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    
    /* Shapes & Spacing */
    --border-radius-base: var(--radius-base);
    --spacing-unit: 8px;
    
    /* Layout Dimensions */
    --sidebar-width: 288px;
    --sidebar-width-collapsed: 98px;
    --navbar-height: 54px;
}

/* NOTA: Todas as regras de estilo (botões, badges, etc.) foram movidas para main.scss */
/* Este arquivo contém apenas variáveis CSS para evitar conflitos */