﻿/* LICA — design tokens compartilhados entre capa e exploradores.
 *
 * Convenção de nomes: --lica-* para evitar colisão com vars locais
 * (--bg, --fg, --accent) que cada CSS (capa_projeto/styles.css e
 * site_template/styles.css) já define com seus próprios valores.
 *
 * Em P0 (fundação) este arquivo apenas DECLARA o vocabulário; nenhum
 * CSS existente ainda consome. P1+ migra capa e explorador para puxar
 * de --lica-* (com pelo menos --lica-brand e --lica-serif/sans
 * unificando paleta e tipografia entre os dois mundos).
 */

:root {
  /* ---- marca: Folhetim de rua ---- */
  /* Paleta de folhetim urbano: papel claro, tinta sépia forte, lateral
   * fria e acentos escuros o bastante para funcionar como interface,
   * não só como referência iconográfica. */
  --lica-brand:        #8f3027;   /* carmim de impressão, mais escuro para contraste */
  --lica-brand-dark:   #641f1a;
  --lica-brand-soft:   #b94f42;

  /* Acentos secundários: verde, ouro queimado, anil e cobre.
   * Usados em tipos do KG, heatmaps e badges. */
  --lica-accent-verde: #2f6b45;   /* verde urbano/mata, legível sobre papel */
  --lica-accent-ouro:  #8a6105;   /* ouro queimado, menos amarelo */
  --lica-accent-azul:  #1f5d75;   /* anil carioca */
  --lica-accent-cobre: #8c4b1f;   /* cobre tipográfico */

  /* cores por obra — espelham manifest.json:obras[].cor_marca. */
  --lica-obra-memorias:  #7a5c3a;   /* ocre tabaco — Rio joanino */
  --lica-obra-ursula:    #3a4f6c;   /* azul-noite — romance romântico */
  --lica-obra-retirada:  #8b3a2f;   /* vermelho-tijolo — memorial militar */

  /* ---- tipografia ---- */
  --lica-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --lica-sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --lica-mono:  "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --lica-text-base:  17px;
  --lica-line-base:  1.55;

  /* ---- ritmo / superfícies ---- */
  --lica-radius-sm:  3px;
  --lica-radius:     4px;
  --lica-radius-lg:  8px;

  --lica-shadow-sm:  0 1px 2px rgba(0,0,0,0.06);
  --lica-shadow-md:  0 1px 2px rgba(0,0,0,0.06), 0 6px 18px rgba(0,0,0,0.10);
  --lica-shadow-lg:  0 2px 4px rgba(0,0,0,0.10), 0 14px 38px rgba(0,0,0,0.20);

  /* Superfícies: papel-impressão oitocentista (1852, Correio Mercantil)
   * — leitoso/frio em vez de pergaminho amarelado. Três tons sutis
   * permitem diferenciação elegante entre página (main), sidebar e
   * cards de conteúdo sem rasgar a unidade visual. */
  --lica-surface-page:    #f7f0e2;   /* papel de leitura */
  --lica-surface-sidebar: #ebe0bc;   /* lateral dourada sutil, separada do papel */
  --lica-surface-card:    #fff8eb;   /* card / superfície elevada */
  --lica-ink:             #211a15;   /* tinta sépia-escura */
  --lica-ink-soft:        #48372c;
  --lica-muted:           #716454;
  --lica-rule:            #b8a98a;   /* filete oxidado */
  --lica-rule-strong:     #8f7a5b;

  /* Shell (header/footer): tinta de impressão. O preto-sépia da
   * litografia funciona como assinatura editorial — moldura escura
   * em torno do papel claro. */
  --lica-shell-bg:    #211a15;
  --lica-shell-fg:    #f7f0e2;
  --lica-shell-rule:  #3a2e25;

  /* ---- spacing scale (8pt base) ---- */
  --lica-sp-1: 0.25rem;
  --lica-sp-2: 0.5rem;
  --lica-sp-3: 0.75rem;
  --lica-sp-4: 1rem;
  --lica-sp-6: 1.5rem;
  --lica-sp-8: 2rem;
  --lica-sp-12: 3rem;

  /* ---- estados ---- */
  --lica-focus-ring: 0 0 0 3px rgba(143, 48, 39, 0.28);

  /* ---- shell (P1) ---- */
  --lica-shell-header-h:  48px;
  --lica-shell-z:         1000;
}
