/**
 * CNJ Processo Tracker — Design Tokens (HARMONIZADO com o site público)
 * Mattos & Mattos Advogados
 *
 * Inclua este arquivo antes de qualquer outro CSS do plugin.
 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inter:wght@300;400;500;600;700&display=swap');

:root {

  /* ─── Paleta principal (alinhada ao site público) ──────────────── */
  --cnj-navy:        #0d1e3a;   /* azul marinho profundo — dominante  */
  --cnj-navy-light:  #13294a;   /* navy mais claro — abas, hover      */
  --cnj-navy-dark:   #07111f;   /* navy escuro — hover profundo       */

  --cnj-gold:        #c9a84c;   /* dourado — acento primário          */
  --cnj-gold-light:  #e0bf78;   /* dourado claro — textos sobre navy  */
  --cnj-gold-pale:   #f0dfa0;   /* dourado pálido — highlights        */

  --cnj-cream:       #f4f1ec;   /* creme — fundo geral                */
  --cnj-cream-dark:  #e3ddd2;   /* creme escuro — bordas, divisores   */
  --cnj-cream-mid:   #ece7df;   /* creme médio — hover de linhas      */

  --cnj-white:       #ffffff;
  --cnj-muted:       #5c6678;   /* texto secundário / labels          */
  --cnj-text:        #1a2744;   /* texto principal                    */

  /* ─── Semânticos (status de processo) ─────────────────────────── */
  --cnj-status-ativo-bg:      #e8f4e8;
  --cnj-status-ativo-text:    #2d6a2d;
  --cnj-status-novo-bg:       #fff3cd;
  --cnj-status-novo-text:     #7a5800;
  --cnj-status-urgente-bg:    #fde8e8;
  --cnj-status-urgente-text:  #922;
  --cnj-status-arquivado-bg:  #eeeeee;
  --cnj-status-arquivado-text:#555555;

  /* ─── Tipografia (alinhada ao site público) ───────────────────── */
  --cnj-font-serif:  'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --cnj-font-sans:   'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --cnj-font-mono:   'Courier New', Courier, monospace;

  /* ─── Espaçamento ──────────────────────────────────────────────── */
  --cnj-space-xs:   4px;
  --cnj-space-sm:   8px;
  --cnj-space-md:   16px;
  --cnj-space-lg:   24px;
  --cnj-space-xl:   32px;
  --cnj-space-2xl:  48px;

  /* ─── Bordas ───────────────────────────────────────────────────── */
  --cnj-radius-sm:  4px;
  --cnj-radius-md:  6px;
  --cnj-radius-lg:  10px;
  --cnj-radius-pill:20px;

  --cnj-border:     1px solid var(--cnj-cream-dark);
  --cnj-border-nav: 1px solid rgba(255, 255, 255, 0.12);

  /* ─── Sombras ──────────────────────────────────────────────────── */
  --cnj-shadow-sm:  0 1px 3px rgba(26, 39, 68, 0.08);
  --cnj-shadow-md:  0 4px 12px rgba(26, 39, 68, 0.10);
  --cnj-shadow-lg:  0 8px 24px rgba(26, 39, 68, 0.14);

  /* ─── Transições ───────────────────────────────────────────────── */
  --cnj-transition: 180ms ease;

  /* ─── Header ───────────────────────────────────────────────────── */
  --cnj-header-height: 60px;

  /* ─── Z-index ──────────────────────────────────────────────────── */
  --cnj-z-header:   100;
  --cnj-z-modal:    200;
  --cnj-z-toast:    300;
}