/* ============================================================
   PALETA OFICIAL — MAKERSPACE UNIFEI
   ============================================================
   Arquivo central de variáveis CSS. Inclua em todos os templates:
     <link rel="stylesheet" href="/css/palette.css">

   Como usar:
   - Padrão (admin + listagens públicas): nada extra, basta usar var(--bg)
   - Páginas de detalhe / conteúdo rico: adicionar class="theme-pure-black"
     no <body> para alternar para a paleta preta pura.

   Atenção: NUNCA redeclare estas variáveis em templates. Use sempre
   var(--nome). Cores específicas de um componente podem ficar no template.
   ============================================================ */

:root {

    /* ────────────────────────────────────────────────────────
       CORES DE MARCA (oficiais, não alterar sem aprovação)
       ──────────────────────────────────────────────────────── */
    --amarelo:        #F6A700;   /* Cor primária — destaque, CTAs, links ativos */
    --amarelo-claro:  #FFD666;   /* Hover do amarelo */
    --carmim:         #9B111E;   /* Secundária — alertas, ações destrutivas */
    --branco:         #FFFFFF;
    --preto:          #000040;   /* Azul-preto institucional */

    /* Cores complementares */
    --azul:           #003153;
    --azul-ecl:       #4776a1;
    --vermelho-ind:   #a83434;
    --pessego:        #e8bcb8;
    --verde:          #2ea043;

    /* Alias semântico — usar para destaques no UI (ex: links ativos no header) */
    --accent:         #F6A700;

    /* ────────────────────────────────────────────────────────
       PALETA PADRÃO — "Dark Gray"
       Páginas: admin, listagens (loja, projetos, busca, faq, etc.)
       ──────────────────────────────────────────────────────── */
    --bg:             #1a1a1e;   /* fundo da página */
    --bg2:            #242428;   /* cards */
    --bg3:            #2e2e33;   /* inputs, botões secundários */
    --cinza-medio:    #3a3a40;   /* bordas */
    --cinza-claro:    #5a5a62;   /* bordas suaves, ícones secundários */
    --cinza-texto:    #9a9aa8;   /* texto secundário */
    --cinza-ecl:      #8a8a8a;

    /* ────────────────────────────────────────────────────────
       PALETA ALTERNATIVA — "Pure Black"
       Páginas: detalhe (projeto, produto), conteúdo rico (sobrenos, servicos)
       Estas variáveis também ficam disponíveis no padrão para
       compatibilidade — sobrescritas pela classe .theme-pure-black
       ──────────────────────────────────────────────────────── */
    --bg-page:        #111111;
    --bg-card:        #1c1c1c;
    --bg-card-hover:  #222222;
    --border:         #2f2f2f;
    --border-strong:  #3a3a3a;
    --text-primary:   #eaeaea;
    --text-muted:     #a0a0a0;   /* contraste ~7.1:1 em #111 — AA */
    --text-dim:       #8a8a8a;   /* contraste ~5.3:1 em #111 — AA (era #6f6f6f, 3.6:1, falhava) */
}

/* ────────────────────────────────────────────────────────
   MODIFICADOR — adicione class="theme-pure-black" no <body>
   para ativar a paleta de páginas de detalhe.
   ──────────────────────────────────────────────────────── */
.theme-pure-black {
    --preto:          #0a0a0a;
    --bg:             #111111;
    --bg2:            #1c1c1c;
    --bg3:            #222222;
    --cinza-medio:    #2f2f2f;
    --cinza-claro:    #3a3a3a;
    --cinza-texto:    #a0a0a0;
}