/* tokens.css : a UNICA fonte de cor, medida, raio e sombra do projeto.
 *
 * REGRA DURA: o hex nunca aparece em template.
 * PROVA: grep -rn "#1B2A4A\|#C9A84C\|#1A1A1A\|#FAFAF8" templates/  -> vazio
 *
 * Tema: light. Marca: RRGK (azul marinho mais dourado, com botao preto editorial).
 * Contraste auditado em 12/08/2026 (piso 4.5 para texto, 3.0 para interface).
 * As restricoes de uso estao no fim deste arquivo e no 00_GENESIS/LASTRO.md.
 */
:root {
  /* ---------------------------------------------------------------- marca */
  --azul-rrgk:   #1B2A4A;
  --azul-rrgk-2: #243757;
  --azul-rrgk-3: #2E466C;
  --dourado:     #C9A84C;
  --dourado-2:   #DDB868;
  --dourado-3:   #8A6F2E;
  --dourado-soft:   rgba(201, 168, 76, 0.16);
  --dourado-soft-2: rgba(201, 168, 76, 0.08);

  /* rampa derivada por paleta.py, tema light: hover ESCURECE, senao o botao
     apaga quando o mouse chega */
  --azul-rrgk-hover:  #10192C;
  --azul-rrgk-suave:  #E9EDF7;
  --azul-rrgk-sombra: rgba(27, 42, 74, 0.15);
  --dourado-hover:    #B59437;
  --dourado-suave:    #F8F4E7;
  --dourado-sombra:   rgba(201, 168, 76, 0.15);

  /* -------------------------------------------------- botao primario */
  --primary:            #1A1A1A;
  --primary-hover:      #000000;
  --primary-foreground: #FAFAF8;

  /* ---------------------------------------------------------- superficies */
  --bg:         #FAFAF8;
  --surface:    #FEFEFE;
  --surface-2:  #F5F3EE;
  --border:     #D9D5CE;
  --border-2:   #E5E2DC;
  /* contorno de INPUT e de componente de interface: o --border da 1.4:1 e nao
     alcanca o piso de 3:1, entao campo desapareceria para baixa visao */
  --border-input: #A8A29A;

  /* ---------------------------------------------------------------- texto */
  --text:      #1A1A1A;
  --text-soft: #3F3F3F;
  --text-dim:  #6B7280;
  --text-mute: #9CA3AF;
  /* legenda DENTRO de --surface-2: o --text-dim reprova ali (4.36:1) */
  --text-dim-on-surface2: #5C636F;
  /* placeholder e TEXTO, nao enfeite: o --text-mute reprova (2.43:1) */
  --text-placeholder: #6B7280;

  /* -------------------------------------------------------------- estados */
  --success: #059669; --success-bg: #ECFDF5; --success-border: #A7F3D0; --success-text: #047857;
  --danger:  #DC2626; --danger-bg:  #FEF2F2; --danger-border:  #FECACA; --danger-text:  #B91C1C;
  --warning: #D97706; --warning-bg: #FFFBEB; --warning-border: #FDE68A; --warning-text: #B45309;
  --info:    #1D4ED8; --info-bg:    #EFF6FF; --info-border:    #BFDBFE; --info-text:    #1D4ED8;
  --muted:   #F3F4F6; --muted-text: #4B5563; --muted-border:   #E5E7EB;

  /* ----------------------------------------------------------- tipografia */
  --font:        "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Playfair Display", Georgia, serif;

  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

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

  /* ----------------------------------------------------- raio e elevacao */
  /* Raio miudo, para controle de 18px ou menos (caixa de marcacao, mini-botao
     de preset). O --raio-sm de 8px arredonda demais nesse tamanho e a caixa
     de 18px vira quase um circulo. */
  --raio-xs:   5px;
  --raio-sm:   8px;
  --raio:      12px;
  --raio-lg:   18px;
  --raio-full: 9999px;
  --sombra:    0 1px 2px rgba(26, 26, 26, 0.06), 0 4px 12px rgba(26, 26, 26, 0.05);
  --sombra-md: 0 2px 4px rgba(26, 26, 26, 0.07), 0 8px 24px rgba(26, 26, 26, 0.08);

  /* ------------------------------------------------------------- layout */
  --sidebar-width: 248px;
  --topbar-h:      60px;
  --fu-h:          38px;  /* altura unica dos elementos da barra de filtros */
  --campo-h:       40px;  /* altura unica dos controles de formulario */

  /* =================================================================
     PONTE DE NOMES COM A VAULT

     As notas de componente da vault (Padrao_Menu_Sidebar, Padrao_Box_Card,
     Padrao_Toggle_OnOff, Padrao_Tabs, Padrao_Sidebar_Rodape) escrevem
     --cor-primaria, --borda, --raio e --verde. Sem estes nomes declarados,
     o componente da vault nasce SEM COR e a tela cai no default do navegador.
     Este bloco e a ponte, e nao se remove.
     ================================================================= */
  --cor-primaria:        #1B2A4A;
  --cor-primaria-suave:  #E9EDF7;
  --cor-primaria-escura: #10192C;
  --borda:               #D9D5CE;
  /* verde do estado LIGADO do toggle: fixado por Padrao_Toggle_OnOff.
     Nao e a cor da marca e nao segue o --success do projeto. */
  --verde:         #16a34a;
  --verde-suave:   #DCFCE7;
  --verde-escuro:  #15803D;
  /* faixa de acao em lote: cor fixada por Padrao_Selecao_em_Lote. A nota manda
     escuro neutro de proposito, e proibe usar a cor da marca ali. */
  --barra-lote:    #1E293B;
}

/* =====================================================================
   RESTRICOES DE USO CRAVADAS PELA AUDITORIA WCAG DE 12/08/2026
   Piso 4.5:1 para texto normal, 3.0:1 para elemento de interface.

   --dourado          2.19:1  SO preenchimento (faixa, chip, selo, barra de KPI).
                              Nunca letra, nunca borda, nunca icone
   --dourado-2        1.81:1  so preenchimento claro
   --dourado-3        4.57:1  e a letra dourada
   botao --dourado            letra --text (7.62:1). Letra branca REPROVA (2.29:1)
   botao --success           usar fundo --success-text. --success + branco da 3.77:1
   botao --warning           usar fundo --warning-text. --warning + branco da 3.19:1
   botao --primary   16.65:1  letra --primary-foreground
   botao --azul-rrgk 14.22:1  letra branca
   --text-mute        2.43:1  NUNCA em texto, nem em placeholder
   --text-dim         4.63:1  ok em --bg. REPROVA em --surface-2 (4.36:1):
                              dentro do card bege use --text-dim-on-surface2
   --border           1.4:1   borda decorativa de card. Input usa --border-input
   ===================================================================== */