/* ============================================================
   GEFICON - Tokens de estilo.
   Base = paleta GEFICON (dark premium, ambar).
   Aliases PT abaixo mapeiam os componentes DataEvo pra base.
   Ver vault: Sistema_de_Estilos + GEFICON_Manual_de_Marca.
   Trocar tema = mudar so este arquivo.
   ============================================================ */
:root {
  /* ----- Paleta GEFICON (base) ----- */
  --bg:            #0A0A0A;   /* fundo principal (preto) */
  --bg-elev:       #121212;   /* fundo elevado / hover */
  --surface:       #1A1A1A;   /* cartoes, sidebar */
  --surface-2:     #202020;   /* inputs, superficie 2 */
  --border:        #2A2A2A;   /* bordas */
  --text:          #F0F0F0;   /* aluminio claro */
  --text-2:        #C4C4C4;
  --text-dim:      #8A8A8A;   /* cinza medio (auxiliar) */
  --accent:        #DEAD2F;   /* ambar (destaque) */
  --accent-hover:  #E8B82A;
  --accent-dark:   #A88015;   /* ambar sobre claro */
  --accent-soft:   rgba(222, 173, 47, 0.12);
  --aluminio-top:  #F0F0F0;
  --aluminio-bot:  #B8B8B8;
  --success:       #34C759;
  --danger:        #E5484D;
  --warning:       #F1C40F;
  --info:          #3B9DD8;
  --success-soft:  rgba(52, 199, 89, 0.12);
  --danger-soft:   rgba(229, 72, 77, 0.12);

  /* ----- Aliases PT (componentes DataEvo -> GEFICON) ----- */
  --cor-primaria:         var(--accent);
  --cor-primaria-escura:  var(--accent-dark);
  --cor-primaria-suave:   var(--accent-soft);
  --fundo:                var(--bg-elev);
  --branco:               var(--surface);
  --borda:                var(--border);
  --texto:                var(--text);
  --texto-secundario:     var(--text-2);
  --texto-suave:          var(--text-2);
  --texto-fraco:          var(--text-dim);

  /* ----- Tipografia ----- */
  --font:        "Inter", "Helvetica Neue", Helvetica, system-ui, sans-serif;
  --font-marca:  "Sora", "Inter", sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 28px;

  /* ----- Espaco ----- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;

  /* ----- Raio / sombra / transicao ----- */
  --raio: 10px; --raio-sm: 6px; --raio-lg: 16px; --raio-full: 999px;
  --radius: var(--raio); --radius-sm: var(--raio-sm); --radius-lg: var(--raio-lg);
  --sombra: 0 10px 30px rgba(0, 0, 0, 0.55);
  --shadow: var(--sombra);
  --sombra-sm: 0 2px 8px rgba(0, 0, 0, 0.40);
  --sombra-md: 0 10px 26px rgba(0, 0, 0, 0.52);
  --sombra-lg: 0 22px 55px rgba(0, 0, 0, 0.62);
  --transicao: .18s ease;

  /* aliases de cor PT (componentes: modal confirm, cards de estado) */
  --vermelho: var(--danger);   --vermelho-suave: var(--danger-soft);
  --verde: var(--success);     --verde-suave: var(--success-soft);
  --ambar: var(--accent);      --ambar-suave: var(--accent-soft);
  --azul-info: var(--info);    --azul-suave: rgba(59, 157, 216, 0.14);
  --borda-forte: #3a3a3a;

  /* ----- Layout ----- */
  --sidebar-width: 248px;
  --topbar-h: 60px;
}