/*
 * css/core/theme.css
 * [VERSÃO 7.1 - CARBON BLACK PREMIUM - COLMEIA BLINDADA]
 * - Definição de Variáveis (Cores, Fontes, Efeitos).
 * - Estilos Globais (Body, Scrollbar, Focus, Selection).
 * - Aprimoramento do tema "Abelha/Colmeia" com variáveis de cores.
 */

:root {
    /* --- 1. SUPERFÍCIES --- */
    --bg-deep-dark: #000000;    /* Fundo OLED (Preto Puro) */
    --bg-dark: #0A0A0A;         /* Cards/Headers (Preto Levemente Acinzentado) */
    --bg-medium: #161616;       /* Inputs/Hovers (Cinza Escuro) */
    --bg-800: #121212;          /* Compatibilidade (Outro tom de cinza escuro) */

    /* --- 2. BRANDING --- */
        --bee-primary: #FEEA00;
        --bee-honey: #FF9100;
        --bee-glow: 0 0 20px rgba(254, 234, 0, 0.25); /* Default */
        --bee-glow-strong: 0 0 15px rgba(254, 234, 0, 0.3); /* Mais forte, para elementos ativos */
        --bee-glow-subtle: 0 0 15px rgba(254, 234, 0, 0.2); /* Mais sutil, para ícones */

    /* --- 3. STATUS --- */
    --ok: #00E676;              /* Verde (Sucesso) */
    --warn: #FFD600;            /* Amarelo (Atenção/Aviso) */
    --err: #FF5252;             /* Vermelho (Erro/Perigo) */
    
    --ok-alpha: rgba(0, 230, 118, 0.15);    /* Verde com Transparência */
    --warn-alpha: rgba(255, 214, 0, 0.15);  /* Amarelo com Transparência */
    --err-alpha: rgba(255, 82, 82, 0.15);   /* Vermelho com Transparência */
    --ok-glow: 0 0 8px rgba(0, 230, 118, 0.6); /* Brilho para status OK */

    /* --- 4. TEXTO --- */
    --txt-100: #FFFFFF;         /* Branco Puro */
    --txt-300: #E0E0E0;         /* Cinza Claro */
    --txt-500: #888888;         /* Cinza Médio */
    --txt-black: #050505;       /* Quase Preto (Para texto sobre --bee-primary) */

    /* --- 5. EFEITOS (GLASS) --- */
    --glass-border: rgba(255, 255, 255, 0.1);   /* Borda sutil de vidro */
    --glass-fill: rgba(255, 255, 255, 0.03);    /* Preenchimento muito leve de vidro */
    --glass-2: rgba(255, 255, 255, 0.06);       /* Preenchimento um pouco mais denso de vidro */
    
    --shadow-sm: 0 4px 12px rgba(0,0,0,0.5);     /* Sombra pequena */
    --shadow-md: 0 8px 32px rgba(0,0,0,0.6);     /* Sombra média */

    /* --- 6. GEOMETRIA --- */
    --radius-sm: 8px;           /* Raio de borda pequeno */
    --radius-md: 16px;          /* Raio de borda médio */
    --radius-lg: 24px;          /* Raio de borda grande */
    
    --transition-fast: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Transição rápida */
    --font-main: 'Inter', system-ui, sans-serif; /* Fonte principal */
}

/* --- RESET GLOBAL --- */
body {
    background-color: var(--bg-deep-dark); /* Fundo principal preto */
    color: var(--txt-300); /* Cor de texto padrão */
    font-family: var(--font-main);
    margin: 0; 
    padding: 0;
    overflow-x: hidden; /* Evita scroll horizontal no body */
    -webkit-font-smoothing: antialiased; /* Suavização de fonte para Webkit */
    
    /* Textura Colmeia Sutil */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23050505' fill-opacity='0.2' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13.99 8V33l-13.99 8L0 33V17.25zM14 0l14 8v16L14 32 0 24V8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed; /* Fixa o background para criar efeito de paralaxe */
    transition: var(--transition-fast); /* Transição suave para mudanças de tema (se aplicável) */
}

/* Estilo para a seleção de texto */
::selection {
    background: var(--bee-primary); /* Cor da abelha no fundo da seleção */
    color: var(--txt-black); /* Texto preto na seleção */
}

/* Scrollbar Estilo App (Webkit) */
::-webkit-scrollbar { 
    width: 6px; /* Largura um pouco maior para melhor visualização */
    height: 6px; 
}
::-webkit-scrollbar-track { 
    background: var(--bg-dark); /* Fundo da trilha da scrollbar */
    border-radius: 10px; /* Bordas arredondadas para a trilha */
}
::-webkit-scrollbar-thumb { 
    background: rgba(255, 255, 255, 0.2); /* Thumb sutil de vidro */
    border-radius: 10px; /* Bordas arredondadas para o thumb */
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.4); /* Thumb mais visível no hover */
}

/* Estilo para o foco de elementos interativos (Acessibilidade) */
:focus-visible {
    outline: 2px solid var(--bee-primary); /* Outline primário da abelha */
    outline-offset: 2px; /* Offset para não sobrepor a borda do elemento */
    border-radius: var(--radius-sm); /* Consistência com o raio de borda */
}

/* Estilos de foco para inputs */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--bee-primary) !important; /* Borda primária no foco */
    box-shadow: 0 0 0 2px rgba(254, 234, 0, 0.2); /* Sombra suave de brilho */
    outline: none; /* Remove o outline padrão do navegador */
}
/* Dentro de :root {} */
    --tx-investment: #8A2BE2; /* Cor para investimentos */
    --tx-store: #00BFFF;      /* Cor para compras na loja */