/* Tokens do design system de biancaschuler.com.br.
   Fonte de verdade: design.md, seção 2. Toda página liga este arquivo antes do próprio <style>.
   Cor nova só entra depois de revisar o design.md. */
:root{
  /* Paleta */
  --cream:#F0EBE1;
  --navy:#1F2A44;
  --violet:#5B5489;

  /* Canais RGB da paleta, para opacidade sem nome próprio: rgba(var(--navy-rgb),.3) */
  --cream-rgb:240,235,225;
  --navy-rgb:31,42,68;
  --violet-rgb:91,84,137;

  /* Texto secundário e divisória. O muted era .5 até 02/11/2026 (2,90:1 sobre o cream) e passou
     a .72, que sobre o cream dá #5A6070 e 5,29:1. */
  --muted:rgba(var(--navy-rgb),.72);
  --line:rgba(var(--navy-rgb),.1);

  /* Derivados com nome */
  --navy-border:rgba(var(--navy-rgb),.2);
  --navy-wash:rgba(var(--navy-rgb),.02);
  --violet-wash:rgba(var(--violet-rgb),.05);
  --violet-wash-2:rgba(var(--violet-rgb),.06);
  --violet-border:rgba(var(--violet-rgb),.15);
  --violet-border-2:rgba(var(--violet-rgb),.25);
  --cream-blur:rgba(var(--cream-rgb),.97);

  /* Gráfico, pelo guia-graficos.md, seção 3. O gráfico fica direto sobre o cream. */
  --viz-bg:var(--cream);          /* fundo */
  --viz-accent:var(--violet);     /* marca que o título cita, série 1, 5,75:1 */
  --viz-strong:var(--navy);       /* série 2, 12,00:1 */
  --viz-base:#81858E;             /* contexto, série 3, navy a 53% sobre o cream, 3,11:1 */
  --viz-ink:var(--navy);          /* título, rótulo e valor */
  --viz-ink-2:#495163;            /* subtítulo, eixo, anotação e nota, navy a 80%, 6,69:1 */
  --viz-axis:var(--navy-border);  /* linha de base e de referência, #C6C4C2 sobre o cream */
  --viz-grid:var(--line);         /* grade e trilho, #DBD8D1 sobre o cream */
}