/* ============================================================
   TOKENS — derivados do WikiMM (docs/DESIGN_SYSTEM.md).
   Nenhum valor aqui e chute: cada um tem origem no <style> de
   08_Wiki/site/index.html. As duas fontes sao a identidade
   barreto.ai, servidas do proprio dominio (a CSP de producao
   nao permite CDN).
   ============================================================ */

/* Variavel nos eixos opsz/wght/SOFT/WONK: um arquivo cobre a
   escala inteira. Subset latin -- portugues cabe em U+00C0-00FF,
   e latin-ext custaria 103 KB para caracteres que nao usamos. */
@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-variable.9a1814381455.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/plexmono-400.79936b18df9f.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/plexmono-500.b1c8a895f5fd.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("../fonts/plexmono-600.5a2ce7798732.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- superficies e tracos ---- */
  --bg: #e9edf6;
  --panel: #ffffff;
  --line: #dde3ee;
  --line-strong: #b9c4d8;

  /* ---- texto ---- */
  --txt: #1a2232;
  --dim: #55627a;
  --faint: #8794ab;

  /* ---- acentos (WikiMM, reatribuidos ao dominio) ---- */
  --ac-blue: #2f6df0;   /* primaria: acao, link, item ativo */
  --ac-purple: #7c3aed; /* gestora */
  --ac-cyan: #0891b2;   /* fundo / estrategia */
  --ac-green: #16a34a;  /* publicado, saudavel */
  --ac-amber: #d97706;  /* rascunho, revisao pendente */
  --ac-pink: #ec4a8e;   /* comparativo, mudanca de posicao */
  --ac-yellow: #f5b62b; /* alerta, confianca baixa */
  --ac-red: #c00000;    /* falha de coleta */

  /* Acento local. Todo componente deriva a familia inteira dele
     com color-mix(); e o mecanismo que faz sete cores conviverem
     sem ruido. Percentuais canonicos: 8 preenchimento, 15 halo de
     foco, 32 borda, 55 borda em hover, 62 faixa superior. */
  --ac: var(--ac-blue);

  /* ---- tipografia ---- */
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;

  /* ---- raios ---- */
  --r-card: 16px;
  --r-box: 9px;
  --r-chip: 6px;
  --r-pill: 999px;

  /* ---- sombra: contato curto + halo longo na cor do acento ---- */
  --shadow-card: 0 1px 2px rgba(28, 38, 66, 0.05),
    0 22px 46px -30px color-mix(in srgb, var(--ac) 42%, rgba(28, 38, 66, 0.55));

  /* ---- ritmo ---- */
  --gap-page: 28px;   /* margem lateral em desktop */
  --gap-page-sm: 12px;
  --gap-card: 16px;
  --pad-card: 16px 20px 18px;

  /* ---- shell ---- */
  --sidebar-w: 238px;
}