/* Valores: tokens.md, seção 10; decisões D1, R1, R5 e R23.
   Camadas, de baixo para cima: barra < balão < menu suspenso < rail/painel do menu
   < painel ao lado < gaveta < carregando < véu e janela < calendário < dicas < toast.
   Véu de modal de página = --ast-z-veu-janela; janela acima dele usa
   --ast-z-janela-baixo. O ancestral da janela não pode criar uma camada inferior. */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  src: url("letras/plus-jakarta-sans.woff2") format("woff2");
  font-display: swap;
}

:root {
  color-scheme: light;
  /* superfícies (1.1) */
  --ast-bg-pagina: #fcfbf8;
  --ast-bg-cartao: #fcfbf8;
  --ast-bg-busca: #f8f7f2;
  --ast-bg-campo: #fcfbf8;
  --ast-bg-somente-leitura: #f2f0e8;
  --ast-bg-pilula-icone: #f2f0e8;
  --ast-bg-hover-linha: #f8f7f2;
  --ast-bg-linha-visitada: #fbeeda;
  --ast-bg-apoio: #f5f5f5;
  --ast-bg-cabecalho-fixo: #fcfbf8;
  --ast-bg-elevada: #ffffff;
  --ast-bg-botao-linha: #fafafa;
  --ast-bg-info-suave: #e7edf8;
  --ast-bg-guia: #f4f5f8;
  --ast-trilho-progresso: #d7dcf0;
  --ast-bg-callout: #fafafa;
  /* bordas (1.2) */
  --ast-borda: #e8e5d9;
  --ast-borda-cartao: #e8e5d9;
  --ast-borda-tabela: #ebebeb;
  --ast-borda-controle: #cfcfcf;
  --ast-borda-calendario: #c5c5c5;
  --ast-borda-arvore: #dddddd;
  /* texto (1.3) */
  --ast-texto-titulo: #10100f;
  --ast-texto-forte: #000000;
  --ast-texto: #5e5d5a;
  --ast-texto-aba-inativa: #5e5d5a;
  --ast-texto-campo: #333333;
  --ast-texto-tabela-itens: #333333;
  --ast-texto-2: #616161;
  --ast-texto-apagado: #616161;
  --ast-texto-paginacao: #a1a1a1;
  --ast-texto-placeholder: #999999;
  --ast-texto-sobre-primaria: #1a1a1a;
  /* marca, foco e estados (1.4) */
  --ast-primaria: #e2b000;
  --ast-primaria-hover: #c79e00;
  --ast-primaria-texto: #7a5c00;
  --ast-anel: #e2b00080;
  --ast-aba-sublinhado: #e7be00;
  --ast-azul-claro: var(--ast-primaria);
  --ast-perigo: #e64e36;
  --ast-anel-perigo: #e64e3680;
  --ast-perigo-texto: #bd362f;          /* proposta nossa */
  --ast-alerta: #f0a028;
  --ast-sucesso: #779e3d;
  --ast-marinho: var(--ast-menu-rail);
  --ast-desab-botao-fundo: #f2f0e8;
  --ast-desab-botao-texto: #616161;
  --ast-desab-botao-borda: #e8e5d9;
  --ast-desab-campo-fundo: #f2f0e8;
  --ast-desab-campo-texto: #616161;
  --ast-desab-campo-borda: #e8e5d9;
  /* situações (1.5) */
  --ast-sit-em-aberto: #e7be00;
  --ast-sit-aprovado: #4de889;
  --ast-sit-preparando: #00a2bb;
  --ast-sit-faturado: #0093fb;
  --ast-sit-pronto: #f76430;
  --ast-sit-enviado: #9ba9fb;
  --ast-sit-entregue: #75d33c;
  --ast-sit-nao-entregue: #4b4b4b;
  --ast-sit-incompleto: #8b8b8b;
  --ast-sit-cancelado: #d7d7d7;
  --ast-sit-atrasada: #ff5c75;
  /* selos (1.6) */
  --ast-selo-fundo: #ffffff;
  --ast-selo-s: #6f514b;
  --ast-selo-ex: #19647e;
  --ast-selo-origem: #a2312c;
  --ast-selo-e-compra: #755900;
  --ast-selo-c-compra: #216b38;
  --ast-selo-p: #755900;
  --ast-selo-e-nota: #9b4217;
  --ast-selo-c-nota: #236836;
  --ast-selo-alerta: #ebebeb;
  --ast-selo-envelope: #ebebeb;
  --ast-selo-canal-fundo: #fafafa;
  --ast-selo-canal-borda: #ebebeb;
  --ast-selo-tipo: #777777;
  /* avisos e dicas (1.7) */
  --ast-toast-info: #0a4ee4;
  --ast-info-traco: #0a4ee4;
  --ast-toast-sucesso: #51a351;
  --ast-toast-atencao: #f89406;
  --ast-toast-erro: #bd362f;
  --ast-dica-fundo: #000000;
  --ast-dica-texto: #ffffff;
  --ast-popover-texto: #616161;
  /* menu novo (1.8) */
  --ast-menu-rail: #1a1a1a;
  --ast-menu-fundo: #fcfbf8;
  --ast-menu-titulo: #10100f;
  --ast-menu-item: #3e3e3d;
  --ast-menu-ativo-fundo: #fbf3d6;
  --ast-menu-ativo-texto: #7a5c00;
  --ast-menu-borda: #f2f0e8;
  --ast-menu-int-off-trilho: #cecbc0;
  --ast-menu-int-off-borda: #8a877c;
  --ast-menu-int-bolinha: #fcfbf8;
  --ast-menu-int-on-trilho: var(--ast-primaria);
  --ast-menu-selo-verde: #527424;
  --ast-menu-selo-azul: #0a4ee4;
  --ast-menu-sair-borda: #e8e8e1;
  /* interruptores (1.9) */
  --ast-mini-on: var(--ast-primaria);
  --ast-mini-on-bolinha: var(--ast-texto-sobre-primaria);
  --ast-mini-off: #fafafa;
  --ast-mini-off-borda: #616161;
  --ast-mini-off-bolinha: #616161;
  --ast-mini-travado: #ebebeb;
  --ast-mini-travado-bolinha: #cfcfcf;
  /* calendário (1.10) */
  --ast-cal-fundo: #ffffff;
  --ast-cal-mes: #000000;
  --ast-cal-semana: #616161;
  --ast-cal-dia: #616161;
  --ast-cal-hoje-texto: #000000;
  --ast-cal-hoje-fundo: #f5f5f5;
  --ast-cal-escolhido: var(--ast-primaria);
  --ast-cal-seta: #f2f0e8;
  /* sombras e véus (seção 5) */
  --ast-sombra-anel: 0 0 0 2px var(--ast-primaria-texto), 0 0 0 4px var(--ast-anel);
  --ast-sombra-anel-perigo: 0 0 0 2px var(--ast-anel-perigo);
  --ast-sombra-halo: 0 0 0 3px #e8e5d94d;
  --ast-sombra-painel-menu: 0 0 0 1px #0000000d, 0 25px 50px -12px #00000040;
  --ast-sombra-dica-menu: 0 4px 20px #00000026;
  --ast-veu: linear-gradient(90deg, #0000003d, #00000054);
  --ast-veu-opacidade: .25;
  --ast-veu-janela-opacidade: .25;
  /* tipografia (seção 2) */
  --ast-fonte: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;
  --ast-fonte-menu: ui-sans-serif, system-ui, sans-serif;
  --ast-fs-base: 16px;  --ast-lh-base: 1.42857;
  --ast-fs-saudacao: 28px; --ast-fs-titulo: 20px; --ast-fs-secao: 16px;
  --ast-fs-tabela: 15px; --ast-fs-cabecalho: 14px; --ast-fs-rotulo: 14px;
  --ast-fs-campo: 16px;  --ast-fs-botao: 14px; --ast-fs-aba: 15px;
  --ast-fs-menu-suspenso: 15px; --ast-fs-trilha: 14px; --ast-fs-dica: 15px;
  --ast-fs-selo: 12px; --ast-fs-menu: 14px; --ast-fs-dica-menu: 12px;
  --ast-peso-texto: 400;   /* a referência declara 300; o desenho é o mesmo */
  --ast-peso-medio: 500;
  --ast-peso-titulo: 600;
  /* raios (seção 4) */
  --ast-raio-botao: 19px; --ast-raio-grande: 16px; --ast-raio-redondo: 15px;
  --ast-raio-chip: 12px; --ast-raio-selo: 11px; --ast-raio-situacao: 10px;
  --ast-raio-menu-item: 8px; --ast-raio: 6px; --ast-raio-pequeno: 4px;
  --ast-raio-callout: 3px; --ast-raio-caixa: 2px;
  /* medidas (seção 3) */
  --ast-rail: 56px; --ast-rail-involucro: 72px; --ast-recuo: 64px;
  --ast-painel-menu: 241px; --ast-coluna-menu: 256px; --ast-recuo-fixo: 312px;
  --ast-topo-celular: 60px;
  --ast-sobreposicao-topo: 60px;
  --ast-respiro: 55px; --ast-respiro-medio: 25px; --ast-respiro-celular: 15px;
  --ast-coluna-central: 1060px;
  --ast-altura-topo: 50px; --ast-altura-botao: 31px; --ast-altura-campo: 42px;
  --ast-altura-linha: 44px; --ast-altura-cabecalho: 42px; --ast-altura-aba: 58px;
  --ast-altura-barra: 80px; --ast-altura-barra-celular: 50px;
  --ast-busca: 480px;
  --ast-pad-botao: 5px 20px; --ast-pad-chip: 5px 10px; --ast-pad-campo: 9px 16px;
  --ast-secao-fio-ar: 28px; --ast-secao-titulo-ar: 18px; --ast-secao-fim: 13px;
  --ast-gaveta-p: 430px; --ast-gaveta-m: 650px; --ast-gaveta-g: 950px;
  --ast-janela-baixo: 650px; --ast-toast: 300px;
  /* movimento (seção 6) */
  --ast-transicao: box-shadow .2s ease-out, border .2s ease-out,
                    border-radius .2s ease-out, background-color .1s ease-out,
                    color .1s ease-out, transform .1s ease-out;
  --ast-dur-gaveta: .3s; --ast-dur-veu: .5s; --ast-dur-janela-baixo: .15s;
  --ast-curva-menu: cubic-bezier(.4, 0, .2, 1);
  /* camadas (seção 7) */
  --ast-z-barra: 970; --ast-z-balao: 990; --ast-z-menu-suspenso: 1020;
  --ast-z-rail: 1065; --ast-z-painel-lado: 1066; --ast-z-veu-gaveta: 1065; --ast-z-gaveta: 1070;
  --ast-z-carregando: 2003; --ast-z-veu-janela: 2051; --ast-z-janela-baixo: 2052;
  --ast-z-calendario: 3000; --ast-z-dica-menu: 9999; --ast-z-dica: 100000;
  --ast-z-toast: 999999;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  /* superfícies (1.1) */
  --ast-bg-pagina: #202020;
  --ast-bg-cartao: #242424;
  --ast-bg-busca: #181818;
  --ast-bg-campo: #181818;
  --ast-bg-somente-leitura: #242424;
  --ast-bg-pilula-icone: #373839;
  --ast-bg-hover-linha: #181818;
  --ast-bg-linha-visitada: #32353c;
  --ast-bg-apoio: #181818;
  --ast-bg-cabecalho-fixo: #242424;
  --ast-bg-elevada: #181818;
  --ast-bg-botao-linha: #373839;
  --ast-bg-info-suave: #454545;
  --ast-bg-guia: #3d4653;
  --ast-trilho-progresso: #3d3d3d;      /* proposta nossa: na referência fica claro */
  --ast-bg-callout: #242424;            /* proposta nossa: não medido */
  /* bordas (1.2) */
  --ast-borda: #3d3d3d;
  --ast-borda-cartao: #454545;
  --ast-borda-tabela: #3d3d3d;
  --ast-borda-controle: #3d3d3d;
  --ast-borda-calendario: #3d3d3d;      /* proposta nossa: na referência fica #c5c5c5 */
  --ast-borda-arvore: #3d3d3d;          /* proposta nossa: não medido */
  /* texto (1.3) */
  --ast-texto-titulo: #fafafa;
  --ast-texto-forte: #fafafa;
  --ast-texto: #f5f5f5;
  --ast-texto-aba-inativa: #a1a1a1;
  --ast-texto-campo: #fafafa;
  --ast-texto-tabela-itens: #cfcfcf;
  --ast-texto-2: #a1a1a1;
  --ast-texto-apagado: #a1a1a1;
  --ast-texto-paginacao: #888888;
  --ast-texto-placeholder: #888888;     /* proposta nossa: não medido */
  --ast-texto-sobre-primaria: #1a1a1a;
  /* marca, foco e estados (1.4) */
  --ast-primaria: #e2b000;
  --ast-primaria-hover: #c79e00;
  --ast-primaria-texto: #edbe24;
  --ast-anel: #e2b00080;
  --ast-aba-sublinhado: #e7be00;
  --ast-azul-claro: var(--ast-primaria);
  --ast-perigo: #e64e36;
  --ast-anel-perigo: #e64e3680;
  --ast-perigo-texto: #ff5c75;          /* proposta nossa */
  --ast-alerta: #f0a028;
  --ast-sucesso: #779e3d;
  --ast-marinho: var(--ast-menu-rail);
  --ast-desab-botao-fundo: #373839;
  --ast-desab-botao-texto: #616161;
  --ast-desab-botao-borda: #373839;
  --ast-desab-campo-fundo: #242424;
  --ast-desab-campo-texto: #f0f0f0;
  --ast-desab-campo-borda: #373839;
  /* situações (1.5) */
  --ast-sit-em-aberto: #e7be00;
  --ast-sit-aprovado: #4de889;
  --ast-sit-preparando: #00a2bb;
  --ast-sit-faturado: #0093fb;
  --ast-sit-pronto: #f76430;
  --ast-sit-enviado: #9ba9fb;
  --ast-sit-entregue: #75d33c;
  --ast-sit-nao-entregue: #5a5a5a;
  --ast-sit-incompleto: #8b8b8b;
  --ast-sit-cancelado: #d7d7d7;
  --ast-sit-atrasada: #ff5c75;
  /* selos (1.6) */
  --ast-selo-fundo: #202020;
  --ast-selo-s: #a7867e;
  --ast-selo-ex: #68b7d3;
  --ast-selo-origem: #eb706a;
  --ast-selo-e-compra: #ebc856;
  --ast-selo-c-compra: #74da8f;
  --ast-selo-p: #ebc856;
  --ast-selo-e-nota: #f6a172;
  --ast-selo-c-nota: #4aa15f;
  --ast-selo-alerta: #ebebeb;
  --ast-selo-envelope: #ebebeb;
  --ast-selo-canal-fundo: #242424;      /* proposta nossa: na referência fica #fafafa */
  --ast-selo-canal-borda: #3d3d3d;      /* proposta nossa */
  --ast-selo-tipo: #777777;
  /* avisos e dicas (1.7) */
  --ast-toast-info: #0a4ee4;
  --ast-info-traco: #86adff;
  --ast-toast-sucesso: #51a351;
  --ast-toast-atencao: #f89406;
  --ast-toast-erro: #bd362f;
  --ast-dica-fundo: #000000;
  --ast-dica-texto: #fafafa;
  --ast-popover-texto: #cfcfcf;
  /* menu novo (1.8) */
  --ast-menu-rail: #121316;
  --ast-menu-fundo: #10100f;
  --ast-menu-titulo: #fcfbf8;
  --ast-menu-item: #afada2;
  --ast-menu-ativo-fundo: #2b2300;
  --ast-menu-ativo-texto: #eeda92;
  --ast-menu-borda: #201f1d;
  --ast-menu-int-off-trilho: #403f3b;
  --ast-menu-int-off-borda: #77746a;
  --ast-menu-int-bolinha: #10100f;
  --ast-menu-int-on-trilho: var(--ast-primaria);
  --ast-menu-selo-verde: #527424;
  --ast-menu-selo-azul: #0a4ee4;
  --ast-menu-sair-borda: #e8e8e1;
  /* interruptores (1.9) */
  --ast-mini-on: var(--ast-primaria);
  --ast-mini-on-bolinha: var(--ast-texto-sobre-primaria);
  --ast-mini-off: #454545;
  --ast-mini-off-borda: #616161;
  --ast-mini-off-bolinha: #b1b1b1;
  --ast-mini-travado: #373839;
  --ast-mini-travado-bolinha: #a1a1a1;
  /* calendário (1.10) */
  --ast-cal-fundo: #181818;
  --ast-cal-mes: #fafafa;
  --ast-cal-semana: #888888;
  --ast-cal-dia: #cfcfcf;
  --ast-cal-hoje-texto: #fafafa;
  --ast-cal-hoje-fundo: #454545;
  --ast-cal-escolhido: var(--ast-primaria);
  --ast-cal-seta: #373839;
  /* sombras e véus (seção 5) */
  --ast-sombra-anel: 0 0 0 2px var(--ast-primaria-texto), 0 0 0 4px var(--ast-anel);
  --ast-sombra-anel-perigo: 0 0 0 2px var(--ast-anel-perigo);
  --ast-sombra-halo: 0 0 0 3px #202020cc;
  --ast-sombra-painel-menu: 0 0 0 1px #0000000d, 0 25px 50px -12px #00000040;
  --ast-sombra-dica-menu: 0 4px 20px #00000026;
  --ast-veu: #000000;
  --ast-veu-opacidade: .3;
  --ast-veu-janela-opacidade: .5;
  /* tipografia (seção 2) */
  --ast-fonte: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;
  --ast-fonte-menu: ui-sans-serif, system-ui, sans-serif;
  --ast-fs-base: 16px;  --ast-lh-base: 1.42857;
  --ast-fs-saudacao: 28px; --ast-fs-titulo: 20px; --ast-fs-secao: 16px;
  --ast-fs-tabela: 15px; --ast-fs-cabecalho: 14px; --ast-fs-rotulo: 14px;
  --ast-fs-campo: 16px;  --ast-fs-botao: 14px; --ast-fs-aba: 15px;
  --ast-fs-menu-suspenso: 15px; --ast-fs-trilha: 14px; --ast-fs-dica: 15px;
  --ast-fs-selo: 12px; --ast-fs-menu: 14px; --ast-fs-dica-menu: 12px;
  --ast-peso-texto: 400;   /* a referência declara 300; o desenho é o mesmo */
  --ast-peso-medio: 500;
  --ast-peso-titulo: 600;
  /* raios (seção 4) */
  --ast-raio-botao: 19px; --ast-raio-grande: 16px; --ast-raio-redondo: 15px;
  --ast-raio-chip: 12px; --ast-raio-selo: 11px; --ast-raio-situacao: 10px;
  --ast-raio-menu-item: 8px; --ast-raio: 6px; --ast-raio-pequeno: 4px;
  --ast-raio-callout: 3px; --ast-raio-caixa: 2px;
  /* medidas (seção 3) */
  --ast-rail: 56px; --ast-rail-involucro: 72px; --ast-recuo: 64px;
  --ast-painel-menu: 241px; --ast-coluna-menu: 256px; --ast-recuo-fixo: 312px;
  --ast-topo-celular: 60px;
  --ast-respiro: 55px; --ast-respiro-medio: 25px; --ast-respiro-celular: 15px;
  --ast-sobreposicao-topo: 60px;
  --ast-coluna-central: 1060px;
  --ast-altura-topo: 50px; --ast-altura-botao: 31px; --ast-altura-campo: 42px;
  --ast-altura-linha: 44px; --ast-altura-cabecalho: 42px; --ast-altura-aba: 58px;
  --ast-altura-barra: 80px; --ast-altura-barra-celular: 50px;
  --ast-busca: 480px;
  --ast-pad-botao: 5px 20px; --ast-pad-chip: 5px 10px; --ast-pad-campo: 9px 16px;
  --ast-secao-fio-ar: 28px; --ast-secao-titulo-ar: 18px; --ast-secao-fim: 13px;
  --ast-gaveta-p: 430px; --ast-gaveta-m: 650px; --ast-gaveta-g: 950px;
  --ast-janela-baixo: 650px; --ast-toast: 300px;
  /* movimento (seção 6) */
  --ast-transicao: box-shadow .2s ease-out, border .2s ease-out,
                    border-radius .2s ease-out, background-color .1s ease-out,
                    color .1s ease-out, transform .1s ease-out;
  --ast-dur-gaveta: .3s; --ast-dur-veu: .5s; --ast-dur-janela-baixo: .15s;
  --ast-curva-menu: cubic-bezier(.4, 0, .2, 1);
  /* camadas (seção 7) */
  --ast-z-barra: 970; --ast-z-balao: 990; --ast-z-menu-suspenso: 1020;
  --ast-z-rail: 1065; --ast-z-painel-lado: 1066; --ast-z-veu-gaveta: 1065; --ast-z-gaveta: 1070;
  --ast-z-carregando: 2003; --ast-z-veu-janela: 2051; --ast-z-janela-baixo: 2052;
  --ast-z-calendario: 3000; --ast-z-dica-menu: 9999; --ast-z-dica: 100000;
  --ast-z-toast: 999999;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    /* superfícies (1.1) */
    --ast-bg-pagina: #202020;
    --ast-bg-cartao: #242424;
    --ast-bg-busca: #181818;
    --ast-bg-campo: #181818;
    --ast-bg-somente-leitura: #242424;
    --ast-bg-pilula-icone: #373839;
    --ast-bg-hover-linha: #181818;
    --ast-bg-linha-visitada: #32353c;
    --ast-bg-apoio: #181818;
    --ast-bg-cabecalho-fixo: #242424;
    --ast-bg-elevada: #181818;
    --ast-bg-botao-linha: #373839;
    --ast-bg-info-suave: #454545;
    --ast-bg-guia: #3d4653;
    --ast-trilho-progresso: #3d3d3d;      /* proposta nossa: na referência fica claro */
    --ast-bg-callout: #242424;            /* proposta nossa: não medido */
    /* bordas (1.2) */
    --ast-borda: #3d3d3d;
    --ast-borda-cartao: #454545;
    --ast-borda-tabela: #3d3d3d;
    --ast-borda-controle: #3d3d3d;
    --ast-borda-calendario: #3d3d3d;      /* proposta nossa: na referência fica #c5c5c5 */
    --ast-borda-arvore: #3d3d3d;          /* proposta nossa: não medido */
    /* texto (1.3) */
    --ast-texto-titulo: #fafafa;
    --ast-texto-forte: #fafafa;
    --ast-texto: #f5f5f5;
    --ast-texto-aba-inativa: #a1a1a1;
    --ast-texto-campo: #fafafa;
    --ast-texto-tabela-itens: #cfcfcf;
    --ast-texto-2: #a1a1a1;
    --ast-texto-apagado: #a1a1a1;
    --ast-texto-paginacao: #888888;
    --ast-texto-placeholder: #888888;     /* proposta nossa: não medido */
    --ast-texto-sobre-primaria: #1a1a1a;
    /* marca, foco e estados (1.4) */
    --ast-primaria: #e2b000;
    --ast-primaria-hover: #c79e00;
    --ast-primaria-texto: #edbe24;
    --ast-anel: #e2b00080;
    --ast-aba-sublinhado: #e7be00;
    --ast-azul-claro: var(--ast-primaria);
    --ast-perigo: #e64e36;
    --ast-anel-perigo: #e64e3680;
    --ast-perigo-texto: #ff5c75;          /* proposta nossa */
    --ast-alerta: #f0a028;
    --ast-sucesso: #779e3d;
    --ast-marinho: var(--ast-menu-rail);
    --ast-desab-botao-fundo: #373839;
    --ast-desab-botao-texto: #616161;
    --ast-desab-botao-borda: #373839;
    --ast-desab-campo-fundo: #242424;
    --ast-desab-campo-texto: #f0f0f0;
    --ast-desab-campo-borda: #373839;
    /* situações (1.5) */
    --ast-sit-em-aberto: #e7be00;
    --ast-sit-aprovado: #4de889;
    --ast-sit-preparando: #00a2bb;
    --ast-sit-faturado: #0093fb;
    --ast-sit-pronto: #f76430;
    --ast-sit-enviado: #9ba9fb;
    --ast-sit-entregue: #75d33c;
    --ast-sit-nao-entregue: #5a5a5a;
    --ast-sit-incompleto: #8b8b8b;
    --ast-sit-cancelado: #d7d7d7;
    --ast-sit-atrasada: #ff5c75;
    /* selos (1.6) */
    --ast-selo-fundo: #202020;
    --ast-selo-s: #a7867e;
    --ast-selo-ex: #68b7d3;
    --ast-selo-origem: #eb706a;
    --ast-selo-e-compra: #ebc856;
    --ast-selo-c-compra: #74da8f;
    --ast-selo-p: #ebc856;
    --ast-selo-e-nota: #f6a172;
    --ast-selo-c-nota: #4aa15f;
    --ast-selo-alerta: #ebebeb;
    --ast-selo-envelope: #ebebeb;
    --ast-selo-canal-fundo: #242424;      /* proposta nossa: na referência fica #fafafa */
    --ast-selo-canal-borda: #3d3d3d;      /* proposta nossa */
    --ast-selo-tipo: #777777;
    /* avisos e dicas (1.7) */
    --ast-toast-info: #0a4ee4;
    --ast-info-traco: #86adff;
    --ast-toast-sucesso: #51a351;
    --ast-toast-atencao: #f89406;
    --ast-toast-erro: #bd362f;
    --ast-dica-fundo: #000000;
    --ast-dica-texto: #fafafa;
    --ast-popover-texto: #cfcfcf;
    /* menu novo (1.8) */
    --ast-menu-rail: #121316;
    --ast-menu-fundo: #10100f;
    --ast-menu-titulo: #fcfbf8;
    --ast-menu-item: #afada2;
    --ast-menu-ativo-fundo: #2b2300;
    --ast-menu-ativo-texto: #eeda92;
    --ast-menu-borda: #201f1d;
    --ast-menu-int-off-trilho: #403f3b;
    --ast-menu-int-off-borda: #77746a;
    --ast-menu-int-bolinha: #10100f;
    --ast-menu-int-on-trilho: var(--ast-primaria);
    --ast-menu-selo-verde: #527424;
    --ast-menu-selo-azul: #0a4ee4;
    --ast-menu-sair-borda: #e8e8e1;
    /* interruptores (1.9) */
    --ast-mini-on: var(--ast-primaria);
    --ast-mini-on-bolinha: var(--ast-texto-sobre-primaria);
    --ast-mini-off: #454545;
    --ast-mini-off-borda: #616161;
    --ast-mini-off-bolinha: #b1b1b1;
    --ast-mini-travado: #373839;
    --ast-mini-travado-bolinha: #a1a1a1;
    /* calendário (1.10) */
    --ast-cal-fundo: #181818;
    --ast-cal-mes: #fafafa;
    --ast-cal-semana: #888888;
    --ast-cal-dia: #cfcfcf;
    --ast-cal-hoje-texto: #fafafa;
    --ast-cal-hoje-fundo: #454545;
    --ast-cal-escolhido: var(--ast-primaria);
    --ast-cal-seta: #373839;
    /* sombras e véus (seção 5) */
    --ast-sombra-anel: 0 0 0 2px var(--ast-primaria-texto), 0 0 0 4px var(--ast-anel);
    --ast-sombra-anel-perigo: 0 0 0 2px var(--ast-anel-perigo);
    --ast-sombra-halo: 0 0 0 3px #202020cc;
    --ast-sombra-painel-menu: 0 0 0 1px #0000000d, 0 25px 50px -12px #00000040;
    --ast-sombra-dica-menu: 0 4px 20px #00000026;
    --ast-veu: #000000;
    --ast-veu-opacidade: .3;
    --ast-veu-janela-opacidade: .5;
    /* tipografia (seção 2) */
    --ast-fonte: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;
    --ast-fonte-menu: ui-sans-serif, system-ui, sans-serif;
    --ast-fs-base: 16px;  --ast-lh-base: 1.42857;
    --ast-fs-saudacao: 28px; --ast-fs-titulo: 20px; --ast-fs-secao: 16px;
    --ast-fs-tabela: 15px; --ast-fs-cabecalho: 14px; --ast-fs-rotulo: 14px;
    --ast-fs-campo: 16px;  --ast-fs-botao: 14px; --ast-fs-aba: 15px;
    --ast-fs-menu-suspenso: 15px; --ast-fs-trilha: 14px; --ast-fs-dica: 15px;
    --ast-fs-selo: 12px; --ast-fs-menu: 14px; --ast-fs-dica-menu: 12px;
    --ast-peso-texto: 400;   /* a referência declara 300; o desenho é o mesmo */
    --ast-peso-medio: 500;
    --ast-peso-titulo: 600;
    /* raios (seção 4) */
    --ast-raio-botao: 19px; --ast-raio-grande: 16px; --ast-raio-redondo: 15px;
    --ast-raio-chip: 12px; --ast-raio-selo: 11px; --ast-raio-situacao: 10px;
    --ast-raio-menu-item: 8px; --ast-raio: 6px; --ast-raio-pequeno: 4px;
    --ast-raio-callout: 3px; --ast-raio-caixa: 2px;
    /* medidas (seção 3) */
    --ast-rail: 56px; --ast-rail-involucro: 72px; --ast-recuo: 64px;
    --ast-painel-menu: 241px; --ast-coluna-menu: 256px; --ast-recuo-fixo: 312px;
    --ast-topo-celular: 60px;
    --ast-sobreposicao-topo: 60px;
    --ast-respiro: 55px; --ast-respiro-medio: 25px; --ast-respiro-celular: 15px;
    --ast-coluna-central: 1060px;
    --ast-altura-topo: 50px; --ast-altura-botao: 31px; --ast-altura-campo: 42px;
    --ast-altura-linha: 44px; --ast-altura-cabecalho: 42px; --ast-altura-aba: 58px;
    --ast-altura-barra: 80px; --ast-altura-barra-celular: 50px;
    --ast-busca: 480px;
    --ast-pad-botao: 5px 20px; --ast-pad-chip: 5px 10px; --ast-pad-campo: 9px 16px;
    --ast-secao-fio-ar: 28px; --ast-secao-titulo-ar: 18px; --ast-secao-fim: 13px;
    --ast-gaveta-p: 430px; --ast-gaveta-m: 650px; --ast-gaveta-g: 950px;
    --ast-janela-baixo: 650px; --ast-toast: 300px;
    /* movimento (seção 6) */
    --ast-transicao: box-shadow .2s ease-out, border .2s ease-out,
                      border-radius .2s ease-out, background-color .1s ease-out,
                      color .1s ease-out, transform .1s ease-out;
    --ast-dur-gaveta: .3s; --ast-dur-veu: .5s; --ast-dur-janela-baixo: .15s;
    --ast-curva-menu: cubic-bezier(.4, 0, .2, 1);
    /* camadas (seção 7) */
    --ast-z-barra: 970; --ast-z-balao: 990; --ast-z-menu-suspenso: 1020;
    --ast-z-rail: 1065; --ast-z-painel-lado: 1066; --ast-z-veu-gaveta: 1065; --ast-z-gaveta: 1070;
    --ast-z-carregando: 2003; --ast-z-veu-janela: 2051; --ast-z-janela-baixo: 2052;
    --ast-z-calendario: 3000; --ast-z-dica-menu: 9999; --ast-z-dica: 100000;
    --ast-z-toast: 999999;
  }
}