/* NewCorp · tokens do sistema */
:root{
  /* ── o escuro ──────────────────────────────────────────────────────── */
  --onix:#0A0A0A;            /* Ônix: o preto da marca. Logotipo no claro, título, fundo de impacto   */
  --grafite:#1C1C1C;         /* Grafite: superfície sobre Ônix, card escuro                           */
  --chumbo:#3D3D3D;          /* Chumbo: texto corrido sobre claro                                     */

  /* ── o meio ────────────────────────────────────────────────────────── */
  --aco:#6B6B6B;             /* Aço: rótulo, legenda, dado de apoio sobre claro                       */
  --prata:#A3A3A3;           /* Prata: texto de apoio sobre escuro, fio forte                         */

  /* ── o claro ───────────────────────────────────────────────────────── */
  --nevoa:#DCDCD8;           /* Névoa: fio, borda, divisória                                         */
  --gelo:#EBEBE8;            /* Gelo: superfície em tom (tabela, placa, campo de tela)              */
  --creme:#F3EEE4;           /* Creme: o fundo de leitura; no impresso, o papel offwhite             */
  --papel:var(--creme);      /* o nome antigo do fundo de leitura: use --creme                       */
  --branco:#FFFFFF;          /* Branco: a luz. Logotipo sobre escuro e Ametista, card sobre Creme    */

  /* ── texto ─────────────────────────────────────────────────────────── */
  --texto:#0A0A0A;           /* título e texto forte                                                 */
  --texto-2:#3D3D3D;         /* corpo                                                                */
  --texto-3:#6B6B6B;         /* rótulo, legenda, metadado                                            */
  --sobre-onix:#FFFFFF;      /* título sobre Ônix                                                    */
  --sobre-onix-2:#BDBDBD;    /* corpo sobre Ônix                                                     */
  --sobre-onix-3:#8C8C8C;    /* rótulo sobre Ônix                                                    */

  /* ── o destaque: um roxo escuro, nunca no logotipo ──────────────────── */
  --ametista:#4B2A7B;        /* Ametista: a segunda cor. Abertura, painel, número, botão, gráfico      */
  --rgb-ametista:75,42,123;
  --destaque:var(--ametista);
  --ametista-alto:#5B3A8C;   /* a trama sobre a Ametista                                              */
  --sobre-ametista:#FFFFFF;  /* título sobre a Ametista                                               */
  --sobre-ametista-2:#DCD3EA;/* corpo sobre a Ametista                                                */
  --sobre-ametista-3:#B4A5CF;/* rótulo sobre a Ametista                                               */

  /* ── estado (só interface e o X do uso errado) ─────────────────────── */
  --estado-erro:#B3261E;
  --estado-atencao:#9A6B12;
  --estado-ok:#0A0A0A;       /* o certo é o próprio preto: a marca não usa verde                     */

  /* tons de apoio, só tom sobre tom (a trama sobre Ônix, número de abertura) */
  --onix-tom:#161616;
  --onix-alto:#262626;
  --papel-tom:#E8E2D6;       /* tom sobre tom no Creme                                               */

  /* canais RGB para transparência */
  --rgb-onix:10,10,10;
  --rgb-branco:255,255,255;
  --rgb-creme:243,238,228;
  --rgb-papel:var(--rgb-creme);
  --rgb-texto:10,10,10;
  --rgb-sombra:10,10,12;     /* sombra de cena: neutra, nunca marrom */

  /* ── fios ──────────────────────────────────────────────────────────── */
  --fio-espessura:.25pt;
  --fio-tela:1px;
  --borda:#DCDCD8;
  --fio:var(--borda);
  --fio-leve:rgba(var(--rgb-texto),.06);
  --fio-forte:rgba(var(--rgb-texto),.22);
  --fio-escuro:rgba(var(--rgb-branco),.12);
  --fio-escuro-forte:rgba(var(--rgb-branco),.26);

  /* ── raios: canto vivo. Só o ponto é redondo ───────────────────────── */
  --raio-1:0;
  --raio-2:0;
  --raio-3:0;
  --raio-tela:0;

  /* ── tipografia: a Montserrat, uma família só ──────────────────────── */
  --fonte-display:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --fonte:'Montserrat','Helvetica Neue',Arial,-apple-system,'Segoe UI',sans-serif;
  --fonte-mono:'Montserrat','Helvetica Neue',Arial,sans-serif;     /* dado: algarismo tabular */
  --peso-fino:200;            /* número grande, display de capa                                     */
  --peso-leve:300;            /* título: fino, como a palavra do logotipo                           */
  --peso-corpo:400;
  --peso-medio:500;           /* rótulo, ênfase                                                     */
  --peso-forte:600;           /* uso raro: número de tabela, botão de tela                          */
  --peso-display:300;

  /* escala para impresso (pt) */
  --t-display:46pt;
  --t-titulo:22pt;
  --t-subtitulo:12pt;
  --t-intertitulo:9.2pt;
  --t-lead:10.6pt;
  --t-corpo:8pt;
  --t-legenda:6.8pt;
  --t-rotulo:5.8pt;
  --tracking-rotulo:.24em;    /* o espaçamento do descritor AI Services, um pouco mais aberto      */
  --tracking-display:-.02em;
  --tracking-titulo:-.012em;

  /* escala para tela (px) */
  --tp-xl:76px;
  --tp-lg:54px;
  --tp-md:36px;
  --tp-corpo-g:26px;
  --tp-corpo:20px;
  --tp-rotulo:15px;

  /* ── o ponto: o centro do símbolo, sozinho ─────────────────────────── */
  --ponto-d:1.5mm;
}