/* assets/css/tokens.css
   ============================================================
   Painel Interno — Tokens IDV Konge
   Fonte única de verdade visual. Não usar cor/medida hard-coded
   fora daqui. Mexeu na marca? Mexe só neste arquivo.
   ============================================================ */

:root {
  /* --- Paleta primária (IDV Konge) --- */
  --porcelana:    #FFFFFB;  /* superfície clara / cards */
  --pitch-black:  #141110;  /* texto, sidebar, fundos escuros */
  --roxo-x11:     #9146FF;  /* cor principal / acento */

  /* --- Paleta secundária (uso restrito — só destaques) --- */
  --verde-menta:  #7BF07F;  /* sucesso, melhor resultado, crescimento */
  --pervinca:     #CCC1FF;  /* destaque suave */
  --roxo-suave:   #F0EBFF;  /* fundo de card destaque (legado) */
  /* Laranja de atenção (CPL alto, não-erro). HEX provisório —
     confirmar valor oficial no IDV antes de uso amplo. */
  --laranja-atencao: #FF8A3D;

  /* --- Camada de profundidade (v04) ---
     Papel = fundo da página (um tom abaixo da Porcelana) para que
     o card branco "suba" por elevação, não por borda. */
  --papel:        #F4F3F0;  /* fundo da página */
  --papel-fundo:  #E9E7E2;  /* fundo mais recuado (stages, trilhos) */

  /* Tints de acento (destaque de cor sem chapar) */
  --roxo-12:   rgba(145, 70, 255, 0.12);
  --roxo-08:   rgba(145, 70, 255, 0.08);
  --roxo-glow: rgba(145, 70, 255, 0.34);
  --menta-14:  rgba(123, 240, 127, 0.14);
  --laranja-12: rgba(255, 138, 61, 0.12);

  /* Semânticos de estado (substituem os hex hard-coded das páginas) */
  --sucesso:    #1E7D34;  --sucesso-bg:  rgba(123, 240, 127, 0.14);
  --atencao:    #8A4B00;  --atencao-bg:  var(--laranja-12);
  --erro:       #C0392B;  --erro-bg:     rgba(192, 57, 43, 0.10);

  /* --- Squad: identidade por gestor (operacional, não-marca) ---
     Trio frio e distinto, harmônico com o roxo; evita verde/laranja
     (reservados a sucesso/atenção). Contraste ok p/ texto branco. */
  --g-eze: #9146FF;  /* Ezequiel — roxo (primário) */
  --g-mel: #0C7E8A;  /* Melissa — teal */
  --g-ale: #3B57D6;  /* Alessandro — azul */

  /* --- Tons neutros derivados (para hierarquia, não são marca) --- */
  --tinta-70:  rgba(20, 17, 16, 0.70);
  --tinta-45:  rgba(20, 17, 16, 0.45);
  --tinta-30:  rgba(20, 17, 16, 0.30);
  --tinta-12:  rgba(20, 17, 16, 0.12);
  --tinta-06:  rgba(20, 17, 16, 0.06);
  --hair:      rgba(20, 17, 16, 0.10);  /* borda hairline padrão */

  /* Micro-rótulo uppercase (labels, meta, th, eyebrow neutro). Firmeza no
     texto miúdo: a 10px + caixa alta, tinta-45 lê fraco. Este token dá o
     contraste sem revalorar tinta-45 (que segue honesto em vazio/apagado). */
  --rotulo:    rgba(20, 17, 16, 0.62);
  --hair-faint:rgba(20, 17, 16, 0.06);  /* divisória interna */
  --clara-70:  rgba(255, 255, 251, 0.70);
  --clara-45:  rgba(255, 255, 251, 0.42);
  --clara-12:  rgba(255, 255, 251, 0.12);

  /* --- Tipografia --- */
  --font-display: 'Fraunces', Georgia, serif;          /* títulos */
  --font-ui:      'Inter', system-ui, sans-serif;      /* corpo, UI */
  --font-mono:    'JetBrains Mono', 'Courier New', monospace; /* números, métricas */

  /* --- Escala de espaçamento (4px base) --- */
  --sp-1:  4px;  --sp-2:  8px;  --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;

  /* --- Raios --- */
  --r-sm: 6px;  --r-md: 10px;  --r-lg: 16px;

  /* --- Layout --- */
  --sidebar-w: 248px;       /* sidebar expandida (padrão) */
  --sidebar-w-rail: 68px;   /* sidebar recolhida (rail só-ícone). O override
                               de --sidebar-w em html[data-rail] faz o grid do
                               shell reagir sozinho — ver app.css §Sidebar. */
  --content-max: 1180px;

  /* --- Elevação (a profundidade que tira o ar "morto") --- */
  --shadow-1: 0 1px 2px rgba(20, 17, 16, 0.05);
  --sh-1: 0 1px 2px rgba(20, 17, 16, 0.04);
  --sh-2: 0 1px 2px rgba(20, 17, 16, 0.05), 0 10px 28px rgba(20, 17, 16, 0.07);
  --sh-3: 0 2px 4px rgba(20, 17, 16, 0.06), 0 18px 44px rgba(20, 17, 16, 0.11);
  --shadow-2: var(--sh-2);  /* alias legado */
}