/* =====================================================================
 *  KCORTE — TOKENS DO PRODUTO
 *
 *  Carregado DEPOIS de krigs-tokens.css, que nao se altera.
 *  Aqui ficam somente os valores que o Design System oficial ainda nao
 *  declara como token e que a moldura precisa: as cores da NAVEGACAO e
 *  duas medidas da tela de entrada.
 *
 *  POR QUE ELES EXISTEM
 *  O Documento 04 secao 2.1 proibe cor escrita a mao no CSS: "nenhuma cor
 *  escrita a mao. So variaveis do :root", e um teste de convencao reprova
 *  hexadecimal literal fora do arquivo de tokens. Mas o menu lateral
 *  oficial da plataforma (Constituicao secao 20) usa uma escala escura
 *  propria que o Documento 04 nao lista. Copiar os hexadecimais soltos
 *  para dentro do CSS do produto violaria a regra; "aproximar" com os
 *  tokens existentes violaria a secao 20, que manda COPIAR e nao
 *  aproximar. A saida e esta: os MESMOS valores do KFROTA, declarados
 *  como token, num arquivo de tokens.
 *
 *  OS VALORES SAO OS DO KFROTA, DIGITO POR DIGITO. Nao se aproxima
 *  nenhum deles: divergencia entra calada e fica anos, foi o que houve
 *  com o botao do Assistente entre o KEPI e o KFROTA.
 *
 *  Registro da decisao: docs/adr/ADR-003-tokens-de-navegacao.md
 *  Origem dos valores: KFROTA/public/css/app.css (secao LAYOUT APP)
 * ===================================================================== */

:root{
  /* ---- Largura do menu: valor FIXO da plataforma (secao 20) --------- */
  --nav-w: 248px;

  /* ---- Superficie escura do menu (gradiente vertical) -------------- */
  --nav-fundo-1: #0b1220;   /* topo do gradiente da barra lateral      */
  --nav-fundo-2: #0e1830;   /* base do gradiente da barra lateral      */

  /* ---- Texto do menu ----------------------------------------------- */
  --nav-texto:  #cbd5e1;    /* item em repouso                          */
  --nav-rotulo: #475569;    /* titulo de categoria e rodape do menu     */
  --nav-suave:  #94a3b8;    /* nome da empresa, sob a marca             */

  /* ---- Interacao ---------------------------------------------------- */
  --nav-linha:        rgba(255,255,255,.08);  /* divisorias do menu     */
  --nav-hover:        rgba(255,255,255,.06);  /* item sob o cursor      */
  --nav-sombra-ativo: rgba(21,101,192,.4);    /* item selecionado       */

  /* ---- Tela de entrada: as duas medidas que o Documento 04 fixa
   *      para o cartao e que nao existem como token oficial ---------- */
  --entrada-sombra: 0 12px 40px rgba(0,0,0,.25);
  --entrada-rodape: rgba(255,255,255,.75);

  /* ---- Fundo escurecido da gaveta no celular. O MESMO valor que o
   *      `dialog.modal::backdrop` dos componentes oficiais usa: dois
   *      escurecimentos diferentes na mesma tela se percebem. -------- */
  --cobertura: rgba(16,24,40,.5);
}

/* =====================================================================
 *  TOKENS DA OFICINA - a area de desenho do CAM.
 *
 *  Desenho tecnico precisa de contraste que a paleta de formulario nao
 *  tem: a mesa e escura para o caminho de corte saltar, e cada elemento
 *  (chapa, peca, furo, percurso, deslocamento em vazio, perfuracao)
 *  precisa se distinguir a distancia, com o operador de pe na oficina.
 *  O azul da peca continua sendo o azul da plataforma.
 * ===================================================================== */
:root {
  /* ---- Tokens da area de desenho ---------------------------------- */
  --of-fundo:        #0b1220;   /* mesa: escura, para o corte saltar     */
  --of-grade:        #16213a;   /* grade de 100 mm                       */
  --of-grade-forte:  #1e2f4d;   /* grade de 500 mm                       */
  --of-chapa:        #16233b;   /* a chapa                               */
  --of-chapa-borda:  #2b4570;
  --of-margem:       #34507e;   /* linha da margem util                  */
  --of-peca:         #1e5aa8;   /* material da peca                      */
  --of-peca-borda:   #63a4ff;
  --of-peca-sel:     #f9a825;   /* peca selecionada                      */
  --of-furo:         #16233b;   /* miolo do furo: cor da chapa           */
  --of-corte:        #4ade80;   /* caminho da tocha, com a sangria       */
  --of-vazio:        #64748b;   /* deslocamento rapido                   */
  --of-perfura:      #fb923c;   /* ponto de perfuracao                   */
  --of-retalho:      #22384f;   /* retalho aproveitavel                  */
  --of-tocha:        #fde047;   /* a tocha na simulacao                  */
  --of-regua:        #7c8ba1;

  /* ---- Texto e vidro sobre a mesa escura ---------------------------- */
  --of-texto:        #cbd5e1;   /* texto sobre a mesa                    */
  --of-texto-forte:  #e2e8f0;   /* destaque sobre a mesa                 */
  --of-texto-fraco:  #94a3b8;   /* auxiliar sobre a mesa                 */
  --of-vidro:        rgba(11, 18, 32, .82);  /* painel flutuante         */
  --of-marca:        #dbeafe;   /* marca da peca escrita no desenho      */

  /* Rotulo de campo: valor do Documento 04, secao 3 (13px, peso 600). */
  --rotulo:          #39424f;
}