/**
 * Gerado por build.js a partir de tokens/*.json — NÃO EDITAR À MÃO.
 * Design system Lopes e Lemos Advogados · Método Curiel v1
 */

:root {
  /* ---- CAMADA 1 — brandbook (primitivos) ---- */
  --marca-verde: #244442; /** Cor principal da marca. O L de trás do monograma. */
  --marca-verde-fundo: #16302e; /** Verde mais fundo, para campos cheios (hero, rodapé de campo escuro). */
  --marca-verde-claro: #3b615e; /** Verde mais claro, para terceira série de gráfico e apoios. */
  --marca-ouro: #daaa37; /** Cor de destaque. O L da frente do monograma. Nunca em área grande. */
  --marca-ouro-fosco: #b98f2c; /** Ouro apagado, para estados sobre fundo claro (foco, hover). */
  --marca-papel: #f3f4f2; /** Fundo claro. Cinza levemente frio, das pranchas da marca. */
  --marca-papel-puro: #ffffff; /** Branco. Superfície sobre o papel. */
  --marca-neutro-2: #e6eae8; /** Neutro esverdeado para superfície de segunda ordem. */
  --marca-neutro-3: #e9ecea; /** Neutro esverdeado para fundo apagado. */
  --marca-tinta: #1e2b29; /** Texto principal. Quase-preto puxado para o verde. */
  --marca-tinta-leve: #5b6a67; /** Texto de apoio sobre fundo claro. */
  --marca-fio: #d5dad7; /** Divisórias sobre fundo claro. */
  --marca-fio-escuro: rgba(243, 244, 242, 0.22); /** Divisórias sobre campo verde. */
  --marca-texto-sobre-verde: #c6d2cf; /** Texto de apoio sobre campo verde. */
  --marca-erro: #a23b32; /** Erro sobre fundo claro. Fora do brandbook original — derivado para o sistema. */
  --marca-erro-claro: #e07b70; /** Erro sobre campo verde. Fora do brandbook original — derivado para o sistema. */
  --marca-raio: 0rem; /** Decisão de marca: o monograma é reto. Raio zero no sistema inteiro. */

  /* ---- CAMADA 4 — voz ---- */
  --fonte-sans: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /** Montserrat no sistema inteiro. A Hatch Sans da assinatura é Adobe Fonts e fica só no logo (imagem). */
  --peso-titulo-1: 300; /** h1 — leve, largo. */
  --peso-titulo-2: 400;
  --peso-titulo-3: 500;
  --peso-corpo: 400;
  --peso-forte: 600; /** Rótulos e microtítulos. */
  --corpo-tamanho: 16px;
  --corpo-entrelinha: 1.7;
  --corpo-medida: 68ch; /** Largura máxima de leitura. */
  --layout-container: 1160px;
  --layout-gutter: 24px;

  /* ---- CAMADA 2 — contrato semântico, escopo claro ---- */
  --background: var(--marca-papel); /** Chão da página. */
  --foreground: var(--marca-tinta); /** Texto sobre o chão. */
  --card: var(--marca-papel-puro); /** Superfícies: cartões, cabeçalho, rodapé. */
  --card-foreground: var(--marca-tinta);
  --popover: var(--marca-papel-puro); /** Menus e camadas flutuantes. */
  --popover-foreground: var(--marca-tinta);
  --primary: var(--marca-verde); /** Ação principal, links, foco de atenção. */
  --primary-foreground: var(--marca-papel);
  --secondary: var(--marca-neutro-2); /** Ação de segunda ordem. */
  --secondary-foreground: var(--marca-verde);
  --muted: var(--marca-neutro-3); /** Fundo apagado. */
  --muted-foreground: var(--marca-tinta-leve); /** Texto de apoio. */
  --accent: var(--marca-ouro); /** Fio, estado, destaque. Nunca área grande. */
  --accent-foreground: var(--marca-verde-fundo);
  --destructive: var(--marca-erro); /** Erro, excluir. */
  --border: var(--marca-fio); /** Divisórias. */
  --input: var(--marca-fio); /** Contorno de campo. */
  --ring: var(--marca-ouro-fosco); /** Anel de foco. */
  --chart-1: var(--marca-verde);
  --chart-2: var(--marca-ouro);
  --chart-3: var(--marca-verde-claro);
  --chart-4: var(--marca-ouro-fosco);
  --chart-5: var(--marca-tinta-leve);
  --sidebar: var(--marca-papel-puro);
  --sidebar-foreground: var(--marca-tinta);
  --sidebar-primary: var(--marca-verde);
  --sidebar-primary-foreground: var(--marca-papel);
  --sidebar-accent: var(--marca-neutro-3);
  --sidebar-accent-foreground: var(--marca-verde);
  --sidebar-border: var(--marca-fio);
  --sidebar-ring: var(--marca-ouro-fosco);
  --radius: var(--marca-raio); /** Raio do sistema inteiro. Não é redeclarado no escuro. */
}

/* Escopo escuro: o campo cheio da marca.
   Mesmos nomes, outras referências — qualquer componente dentro de .dark
   se adapta sozinho. */
.dark {
  --background: var(--marca-verde-fundo); /** Chão do campo verde. */
  --foreground: var(--marca-papel);
  --card: var(--marca-verde); /** O verde da marca vira superfície aqui — capas internas, cartões. */
  --card-foreground: var(--marca-papel);
  --popover: var(--marca-verde);
  --popover-foreground: var(--marca-papel);
  --primary: var(--marca-ouro); /** No escuro é o ouro que carrega a ação principal. */
  --primary-foreground: var(--marca-verde-fundo);
  --secondary: var(--marca-verde);
  --secondary-foreground: var(--marca-papel);
  --muted: var(--marca-verde);
  --muted-foreground: var(--marca-texto-sobre-verde);
  --accent: var(--marca-ouro); /** Ouro é accent nos dois escopos — é a constante da marca. */
  --accent-foreground: var(--marca-verde-fundo);
  --destructive: var(--marca-erro-claro);
  --border: var(--marca-fio-escuro);
  --input: var(--marca-fio-escuro);
  --ring: var(--marca-ouro);
  --chart-1: var(--marca-ouro);
  --chart-2: var(--marca-papel);
  --chart-3: var(--marca-verde-claro);
  --chart-4: var(--marca-ouro-fosco);
  --chart-5: var(--marca-texto-sobre-verde);
  --sidebar: var(--marca-verde-fundo);
  --sidebar-foreground: var(--marca-papel);
  --sidebar-primary: var(--marca-ouro);
  --sidebar-primary-foreground: var(--marca-verde-fundo);
  --sidebar-accent: var(--marca-verde);
  --sidebar-accent-foreground: var(--marca-papel);
  --sidebar-border: var(--marca-fio-escuro);
  --sidebar-ring: var(--marca-ouro);
}