/* ── COR · versão 4 ─────────────────────────────────────────────
   Aprovada por Daniel em 22/09/2026. Direção de Bob Wollheim
   (a família de pontos), consolidada e medida por Claude.

   A ideia: cada ponto, uma pessoa. Lápis é a voz. Ocre e
   terra-verde vivem só dentro dos pontos. Nenhum gradiente,
   nenhuma sombra, nenhuma transparência em fio.

   Contrastes medidos (WCAG):
   lápis sobre branco 6,42 · sobre véu 5,72
   branco sobre lápis-fundo 8,85
   night-dot sobre noite 7,60 · branco sobre noite 16,40
   gray sobre branco 5,54 · sobre véu 4,94
   on-lapis sobre lápis 4,83
   ocre-ink sobre branco 3,58 · sobre véu 3,19 (gráfico, mínimo 3:1)
   verde sobre branco 3,68 · sobre véu 3,28 (gráfico)
   soft sobre branco 2,64: nunca texto
   line-night sobre noite 2,03 · line-lapis sobre lápis 1,84: só fio

   LOTE 33 · a ponte da v3 saiu. Páginas e bundle chamam só os
   nomes abaixo. Os tons "blue" e "magenta" também saíram.
   ───────────────────────────────────────────────────────────── */
:root{
  /* ══ Primitivos ══ */
  --lapis:#26619C;        /* a voz: marca, link, botão, todo ponto por padrão */
  --lapis-deep:#1C4C7C;   /* hover do botão */
  --night:#0F2036;        /* o painel noite, a única massa escura da página */
  --night-dot:#8FB4DC;    /* ponto e destaque sobre a noite */
  --ocre:#C8952E;         /* o agente. No escuro e decorativo */
  --ocre-ink:#AC8027;     /* o ocre em ponto com significado sobre fundo claro */
  --ocre-lt:#E3B255;      /* o ocre sobre a noite */
  --verde:#5F9070;        /* terra-verde: o crescimento, o eixo vertical */
  --verde-lt:#8FBC9C;     /* o verde sobre a noite */
  --ink:#191E26;          /* o texto */
  --gray:#626973;         /* texto de apoio, legenda, rótulo */
  --soft:#98A0AB;         /* só elemento não textual */
  --veil:#EFF2F7;         /* faixa de apoio */
  --line:#E7EAEF;         /* o fio de 1px */
  --line-veil:#DDE3EC;    /* o fio sobre o véu */
  --line-night:#445162;   /* o fio sobre a noite. Branco a 22% sobre #0F2036, chapado */
  --line-lapis:#638DB8;   /* o fio sobre o lápis. Branco a 28% sobre #26619C, chapado */
  --paper:#FFFFFF;
  --on-lapis:#D2E1F3;     /* texto de apoio sobre fundo lápis */
  --selection:#DCE7F3;

  /* ══ Papéis ══ */
  --surface-page:var(--paper);
  --surface-band:var(--veil);
  --surface-night:var(--night);
  --surface-lapis:var(--lapis);
  --text-primary:var(--ink);
  --text-secondary:var(--gray);
  --text-on-night:#FFFFFF;
  --text-on-night-2:#B9C6D6;   /* 9,46:1 na noite */
  --link:var(--lapis);
  --link-hover:var(--lapis-deep);
  --btn-fill:var(--lapis);
  --btn-fill-hover:var(--lapis-deep);
  --btn-seed:#FFFFFF;
  --focus-ring:var(--lapis);
  --line-hairline:var(--line);
  --scrim-photo:rgba(15,32,54,.55); /* @kind color · véu chapado da noite sobre foto */

  /* Os pontos. Trava: ocre e verde nunca fora de um ponto. */
  --dot:var(--lapis);             /* toda pessoa, por padrão */
  --dot-agent:var(--ocre-ink);    /* o agente, a órbita */
  --dot-growth:var(--verde);      /* a divisão */
  --dot-ring:#FFFFFF;             /* anel de 2px do ponto sobre foto */
  --axis-area:var(--lapis);       /* a área, o Líder Builder */
  --swarm-max-color:2;            /* enxame: no máximo um ocre e um verde */

  /* Os eixos. Só dentro de ponto, sempre com o nome do eixo escrito
     ao lado. Texto e barra nunca levam essa cor. */
  --axis-horizontal:var(--ocre-ink);  /* o fazer */
  --axis-vertical:var(--verde);       /* o ser */
  --axis-both:var(--lapis);           /* a área, a casa */
}

/* ── Faixa véu. data-tone="band" ── */
[data-tone="band"]{
  --surface-page:var(--veil);
  --line-hairline:var(--line-veil);
}

/* ── A noite. data-tone="ink" ── */
[data-tone="ink"]{
  --surface-page:var(--night);
  --text-primary:#FFFFFF;
  --text-secondary:var(--text-on-night-2);
  --link:var(--night-dot);
  --link-hover:var(--night-dot);
  --focus-ring:var(--night-dot);
  --line-hairline:var(--line-night);
  --btn-fill:var(--night-dot);
  --btn-fill-hover:#FFFFFF;
  --btn-seed:var(--night);
  --axis-horizontal:var(--ocre-lt);
  --axis-vertical:var(--verde-lt);
  --axis-both:var(--night-dot);
  --dot:var(--night-dot);
  --dot-agent:var(--ocre-lt);
  --dot-growth:var(--verde-lt);
}

/* ── A chapa lápis. data-tone="accent" ── */
[data-tone="accent"]{
  --surface-page:var(--lapis);
  --text-primary:#FFFFFF;
  --text-secondary:var(--on-lapis);   /* 4,83:1 */
  --link:#FFFFFF;
  --focus-ring:#FFFFFF;
  --line-hairline:var(--line-lapis);
  --btn-fill:var(--paper);
  --btn-fill-hover:#FFFFFF;
  --btn-seed:var(--lapis);
  --axis-both:#FFFFFF;
  --dot:#FFFFFF;
}