/* ============================================================================
   GHXST — Tokens da identidade Cobogó
   FONTE ÚNICA. Todos os valores de cor, tipo, canto, espaço, sombra e
   movimento do GHXST nascem aqui. Nenhum outro arquivo escreve um hex da marca
   (exceção: e-mails, que não leem CSS externo).

   Distribuído por tools/marca/sincronizar.py para:
     platform/core-src/public/ether/   (hub, login, landing)
     agenda-src/app-src/public/ether/
     estudos-src/app-src/public/ether/
     finance-src/public/v1/css/
   O CI roda `sincronizar.py --verificar` e falha se alguma cópia divergir.

   Só variáveis: nenhuma regra de elemento. Pode entrar em qualquer página,
   inclusive por baixo do AdminLTE do Finance, sem mexer no que já está lá.

   Duas camadas aqui (DESIGN.md §Architecture):
     1. base   — igual em todos os módulos
     2. módulo — só a cor de peça e seu par de tinta
   Os nomes do Ether (--ink, --mint, --card…) não existem mais: o CI recusa.

   TRÊS MODOS: claro, escuro e automático (segue o sistema). DESIGN.md §Tema.
   - :root é o claro. O escuro redefine SÓ tokens, em dois blocos idênticos no
     fim do arquivo: um para quem escolheu "escuro" (data-tema="escuro") e um
     para quem está no automático com o sistema escuro. O conferir.py falha se
     os dois divergirem.
   - Quem escolhe é o ghxst-tema.js (cookie ghxst_tema no domínio pai, vale em
     todos os módulos). Sem script, o automático continua funcionando.
   - Regra que torna o escuro barato: toda dupla "fundo + tinta" INVERTE junto.
     Botão anil com texto cal vira anil claro com texto escuro; bloco grafite
     com texto cal vira bloco claro com texto escuro. Por isso quase nenhum
     componente precisa saber do tema.
   - O que NÃO inverte tem token próprio: a barra do topo (--barra-*), as
     superfícies de marca (--marca-*: painel do login, bloco do Assistant,
     cabeçalhos do Finance), a parede de cobogó (--parede-*, ilustração) e a
     tinta sobre ocre (--ocre-tinta).
   ============================================================================ */

:root {
  color-scheme: light;

  /* ── 1. BASE ─────────────────────────────────────────────────────────── */

  /* chão, blocos e tinta */
  --cimento:    #EDEDE9;   /* fundo de página */
  --cal:        #FBFBF8;   /* superfície de bloco */
  --cal-2:      #F4F4F0;   /* bloco em hover / poço dentro do bloco */
  --branco:     #FFFFFF;   /* hover de bloco sobre cal */
  --rejunte:    #D6D6D0;   /* linha entre blocos */
  --rejunte-2:  #C3C3BC;   /* borda de chip e de botão secundário */
  --controle:   #8A8C93;   /* borda de campo de texto: 3,2:1 sobre cal (WCAG 1.4.11) */
  --grafite:    #1A1C21;   /* títulos, valores */
  --grafite-2:  #2A2D34;   /* hover sobre grafite */
  --texto:      #3A3D44;   /* corpo: 10,5:1 sobre cal */
  --texto-2:    #5B5E66;   /* secundário: 5,5:1 sobre cimento */

  /* a cor da casa */
  --anil:       #2B44D9;   /* ação primária, barra, foco: 6,9:1 sobre cal */
  --anil-2:     #2438B8;   /* hover */
  --anil-3:     #1B2C9E;   /* pressionado, texto sobre anil-céu */
  --anil-claro: #C4CCF9;   /* texto secundário sobre anil: 4,6:1 */
  --anil-ceu:   #E3E7FC;   /* seleção, destaque suave */
  --anil-luz:   #8C9BF2;   /* luz vista pela abertura do bloco (só ilustração) */

  /* sinais: valor e estado, nunca decoração */
  --folha:        #137047; /* entrada, positivo, sucesso: 5,9:1 sobre cal */
  --folha-ceu:    #DCEFE4;
  --tijolo:       #B23520; /* saída, negativo, erro: 5,9:1 sobre cal */
  --tijolo-ceu:   #F7E1DB;
  --tijolo-linha: #E2B2A6;
  --ocre:         #E2A11E; /* atenção, contador (tinta grafite por cima) */
  --ocre-texto:   #8A5D00; /* texto de atenção: 4,9:1 sobre ocre-céu */
  --ocre-ceu:     #F8EBCB;
  --scrim:        rgba(26, 28, 33, 0.45);
  --texto-sobre-grafite: #B9BCC4;          /* secundário sobre grafite: 8,6:1 */
  --rejunte-grafite:     #33363E;          /* linha sobre grafite */
  --rejunte-grafite-2:   #4A4D55;          /* borda de controle sobre grafite */
  --linha-sobre-anil:    rgba(251, 251, 248, 0.38);  /* borda de controle sobre anil */
  --veu-sobre-anil:      rgba(251, 251, 248, 0.10);  /* hover sobre anil */
  --listra:              rgba(26, 28, 33, 0.025);    /* zebra de tabela */
  --ocre-tinta:          #1A1C21;  /* texto sobre ocre (contador): não inverte, o ocre não muda */

  /* Barra do topo: anil no claro, grafite noturno no escuro. Não usa --anil
     porque o anil inverte (fica claro) e uma faixa clara no topo do escuro ofusca. */
  --barra:         #2B44D9;
  --barra-2:       #2438B8;   /* busca, hover */
  --barra-3:       #1B2C9E;   /* borda de baixo, pressionado */
  --barra-tinta:   #FBFBF8;
  --barra-tinta-2: #D3D9FB;   /* secundário sobre a barra: 5,2:1 */
  --barra-linha:   rgba(251, 251, 248, 0.30);
  --barra-bloco:       #FBFBF8;   /* seletor de módulo e avatar sobre a faixa */
  --barra-bloco-2:     #FFFFFF;
  --barra-bloco-tinta: #1A1C21;

  /* Superfície de marca: painel do login, bloco do Assistant no Início,
     cabeçalhos do Finance. Continua anil (profundo) no escuro, com tinta clara.
     Texto secundário sobre ela: --anil-claro; borda e véu: --linha/--veu-sobre-anil. */
  --marca:       #2B44D9;
  --marca-2:     #2438B8;   /* campo e hover sobre a marca */
  --marca-3:     #1B2C9E;
  --marca-tinta: #FBFBF8;

  /* Parede de cobogó (ilustração): igual nos dois modos. */
  --parede-bloco: #2B44D9;
  --parede-fundo: #1B2C9E;

  /* Cores de categoria para dado da pessoa (disciplina, calendário): pares de
     fundo e traço, todos com o traço ≥ 4,5:1 sobre o fundo. Nunca para UI. */
  --cat-menta-fundo:   #DCEFE4;  --cat-menta:   #137047;
  --cat-ceu-fundo:     #E3E7FC;  --cat-ceu:     #2B44D9;
  --cat-areia-fundo:   #F8EBCB;  --cat-areia:   #8A5D00;
  --cat-lavanda-fundo: #ECE6F7;  --cat-lavanda: #6441A8;
  --cat-coral-fundo:   #F7E1DB;  --cat-coral:   #B23520;
  --cat-oliva-fundo:   #E6ECD6;  --cat-oliva:   #4F6B18;
  --cat-rosa-fundo:    #F6E0EB;  --cat-rosa:    #A82D64;
  --cat-grafite-fundo: #E6E7E9;  --cat-grafite: #3A3D44;

  /* tipografia */
  --font: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: 'JetBrains Mono', 'SFMono-Regular', ui-monospace, monospace;
  --fs-rotulo: 13px;
  --fs-pequeno: 14px;
  --fs-corpo: 16px;
  --fs-lead: clamp(17px, 1.9vw, 20px);
  --fs-secao: clamp(20px, 2.3vw, 24px);
  --fs-tela: clamp(28px, 4.5vw, 44px);
  --fs-titulo: clamp(30px, 4.6vw, 52px);
  --fs-display: clamp(44px, 8vw, 96px);
  --lh-corpo: 1.6;
  --tr-titulo: -0.03em;

  /* cantos de bloco — pílula não existe */
  --r-xs: 4px;   /* etiqueta, contador */
  --r-sm: 6px;   /* chip, status */
  --r-md: 8px;   /* botão, campo, avatar */
  --r-lg: 12px;  /* bloco, balão */
  --r-xl: 16px;  /* diálogo, parede */

  /* espaço: passos de 4 */
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 20px;
  --e-6: 24px; --e-8: 32px; --e-10: 40px; --e-12: 48px; --e-16: 64px;
  --pad-x: clamp(20px, 5vw, 64px);
  --sec-y: clamp(64px, 11vh, 140px);
  --maxw: 1120px;
  --maxw-app: 1180px;   /* área logada: hub e telas de módulo */
  --barra-h: 56px;

  /* elevação: só o que flutua tem sombra */
  --sombra-flutua: 0 18px 40px -12px rgba(26, 28, 33, 0.28), 0 2px 6px rgba(26, 28, 33, 0.08);
  --sombra-dialogo: 0 30px 60px -20px rgba(26, 28, 33, 0.45);
  --z-barra: 60; --z-flutua: 80; --z-dialogo: 100;

  /* movimento: curto, de estado, nunca coreografia */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 120ms; --t-base: 180ms; --t-slow: 420ms;

  /* O símbolo: bloco com a abertura em arco (5:6). Máscara, para herdar cor. */
  --bloco: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill-rule='evenodd' d='M14 0H86A14 14 0 0 1 100 14V86A14 14 0 0 1 86 100H14A14 14 0 0 1 0 86V14A14 14 0 0 1 14 0ZM28 45.6A22 22 0 0 1 72 45.6V73.4A3 3 0 0 1 69 76.4H31A3 3 0 0 1 28 73.4Z'/%3E%3C/svg%3E");
  /* A parede: blocos anil, rejunte anil profundo, abertura CLARA (a luz passando). */
  --parede-anil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%231B2C9E'/%3E%3Cpath fill='%238C9BF2' d='M29 46A21 21 0 0 1 71 46V72.5A3 3 0 0 1 68 75.5H32A3 3 0 0 1 29 72.5Z'/%3E%3Cpath fill='%232B44D9' fill-rule='evenodd' d='M16 2H84A14 14 0 0 1 98 16V84A14 14 0 0 1 84 98H16A14 14 0 0 1 2 84V16A14 14 0 0 1 16 2ZM29 46A21 21 0 0 1 71 46V72.5A3 3 0 0 1 68 75.5H32A3 3 0 0 1 29 72.5Z'/%3E%3C/svg%3E");
  --parede-cal:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23FBFBF8' fill-rule='evenodd' d='M16 2H84A14 14 0 0 1 98 16V84A14 14 0 0 1 84 98H16A14 14 0 0 1 2 84V16A14 14 0 0 1 16 2ZM29 46A21 21 0 0 1 71 46V72.5A3 3 0 0 1 68 75.5H32A3 3 0 0 1 29 72.5Z'/%3E%3C/svg%3E");

  /* Ícones de interface, traço 2 em grade de 24. Máscara: herdam a cor de quem usa
     (.gx-icone--nome). Seta ou símbolo Unicode fazendo papel de ícone não entra. */
  --i-seta: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012h14M13%206l6%206-6%206'/%3E%3C/svg%3E");
  --i-voltar: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M19%2012H5M11%206l-6%206%206%206'/%3E%3C/svg%3E");
  --i-fechar: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%206l12%2012M18%206L6%2018'/%3E%3C/svg%3E");
  --i-externo: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M8%2016L16%208M9%208h7v7'/%3E%3C/svg%3E");
  --i-abaixo: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E");
  --i-direita: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%206l6%206-6%206'/%3E%3C/svg%3E");
  --i-mais: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%205v14M5%2012h14'/%3E%3C/svg%3E");
  --i-menos: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012h14'/%3E%3C/svg%3E");
  --i-check: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012.5l4.5%204.5L19%207'/%3E%3C/svg%3E");
  --i-imagem: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='4.5'%20width='17'%20height='15'%20rx='2'/%3E%3Ccircle%20cx='9'%20cy='10'%20r='1.6'/%3E%3Cpath%20d='M20.5%2016l-5-5-8.5%208.5'/%3E%3C/svg%3E");
  --i-microfone: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='9'%20y='3'%20width='6'%20height='11'%20rx='3'/%3E%3Cpath%20d='M5.5%2011a6.5%206.5%200%200%200%2013%200M12%2017.5V21'/%3E%3C/svg%3E");
  --i-compartilhar: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v12M8%207l4-4%204%204'/%3E%3Cpath%20d='M7%2011H6a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-6a2%202%200%200%200-2-2h-1'/%3E%3C/svg%3E");
  --i-adicionar: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='4'%20width='16'%20height='16'%20rx='3'/%3E%3Cpath%20d='M12%208.5v7M8.5%2012h7'/%3E%3C/svg%3E");
  --i-sol: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='4'/%3E%3Cpath%20d='M12%202.5v2M12%2019.5v2M2.5%2012h2M19.5%2012h2M5.3%205.3l1.4%201.4M17.3%2017.3l1.4%201.4M5.3%2018.7l1.4-1.4M17.3%206.7l1.4-1.4'/%3E%3C/svg%3E");
  --i-lua: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M19.5%2014.5A8%208%200%200%201%209.5%204.5a8%208%200%201%200%2010%2010z'/%3E%3C/svg%3E");
  --i-sistema: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4.5'%20width='18'%20height='12'%20rx='2'/%3E%3Cpath%20d='M8.5%2020h7M12%2016.5V20'/%3E%3C/svg%3E");
  --i-sino: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%2016V11a6%206%200%200%201%2012%200v5l1.5%202h-15z'/%3E%3Cpath%20d='M10%2020.5a2%202%200%200%200%204%200'/%3E%3C/svg%3E");

  /* ── 2. MÓDULO ───────────────────────────────────────────────────────────
     Cor de peça: aparece no ícone do módulo e na abertura acesa da parede, e
     em mais nada. A tinta é a cor do desenho sobre a peça. Módulo novo = um
     par de linhas aqui + uma linha em ghxst-ui.css (.gx-peca--slug). */
  --m-finance:   #E2A11E;  --m-finance-tinta:   #1A1C21;
  --m-agenda:    #0F7C86;  --m-agenda-tinta:    #FBFBF8;
  --m-estudos:   #A82D64;  --m-estudos-tinta:   #FBFBF8;
  --m-assistant: #2B44D9;  --m-assistant-tinta: #FBFBF8;
  --m-notes:     #3A3D44;  --m-notes-tinta:     #FBFBF8;
}

/* ── ESCURO ─────────────────────────────────────────────────────────────────
   Os dois blocos abaixo são IDÊNTICOS por dentro (o conferir.py confere).
   1) escolha explícita; 2) automático com o sistema no escuro. Quem escolheu
   "claro" tem data-tema="claro" e escapa do segundo pelo :not(). */
:root[data-tema="escuro"] {
  color-scheme: dark;

  /* chão, blocos e tinta: zinco noturno com um fio de anil (referência: Pierre) */
  --cimento:    #0B0C10;
  --cal:        #131419;
  --cal-2:      #1A1C22;
  --branco:     #1F2128;
  --rejunte:    #262830;
  --rejunte-2:  #353841;
  --controle:   #6E727D;   /* 3,8:1 sobre cal */
  --grafite:    #F2F2EE;   /* 16,4:1 sobre cal */
  --grafite-2:  #DCDCD6;
  --texto:      #C9CBD2;   /* 11,3:1 */
  --texto-2:    #9B9EA8;   /* 6,9:1 sobre cal, 7,3:1 sobre cimento */

  /* anil de estado: claro, com tinta escura por cima (6,6:1) */
  --anil:       #8195F7;
  --anil-2:     #96A7F9;
  --anil-3:     #B3C0FB;   /* texto sobre anil-céu: 8,6:1 */
  --anil-ceu:   #1B2150;
  --anil-claro: #C4CCF9;   /* secundário sobre --marca: 8,1:1 */

  --folha:        #4CC08A;
  --folha-ceu:    #0F261B;
  --tijolo:       #F0876F;
  --tijolo-ceu:   #2B1512;
  --tijolo-linha: #5C2B22;
  --ocre:         #E2A11E;
  --ocre-texto:   #EDC064;
  --ocre-ceu:     #2A2111;
  --scrim:        rgba(0, 0, 0, 0.62);
  --texto-sobre-grafite: #45484F;          /* o grafite virou claro */
  --rejunte-grafite:     #D2D3CE;
  --rejunte-grafite-2:   #B9BAB4;
  --linha-sobre-anil:    rgba(251, 251, 248, 0.24);
  --veu-sobre-anil:      rgba(251, 251, 248, 0.08);
  --listra:              rgba(255, 255, 255, 0.025);

  --cat-menta-fundo:   #0F261B;  --cat-menta:   #5CCB95;
  --cat-ceu-fundo:     #1B2150;  --cat-ceu:     #9AABFA;
  --cat-areia-fundo:   #2A2111;  --cat-areia:   #E7BE6A;
  --cat-lavanda-fundo: #231B38;  --cat-lavanda: #BBA4EE;
  --cat-coral-fundo:   #2B1512;  --cat-coral:   #F29A86;
  --cat-oliva-fundo:   #1C2410;  --cat-oliva:   #AAC56B;
  --cat-rosa-fundo:    #2D1422;  --cat-rosa:    #EC91BD;
  --cat-grafite-fundo: #1F2128;  --cat-grafite: #C9CBD2;

  --barra:         #101117;
  --barra-2:       #1A1C23;
  --barra-3:       #262830;
  --barra-tinta:   #F2F2EE;
  --barra-tinta-2: #A7AAB4;   /* 8,1:1 */
  --barra-linha:   rgba(255, 255, 255, 0.14);
  --barra-bloco:       #1E2028;
  --barra-bloco-2:     #272932;
  --barra-bloco-tinta: #F2F2EE;

  --marca:   #1E2A78;         /* anil profundo: tinta clara a 12,2:1 */
  --marca-2: #26348A;
  --marca-3: #141D5C;

  --sombra-flutua: 0 18px 40px -12px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --sombra-dialogo: 0 30px 60px -20px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);

  --m-notes: #5A5E69;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    color-scheme: dark;

    /* chão, blocos e tinta: zinco noturno com um fio de anil (referência: Pierre) */
    --cimento:    #0B0C10;
    --cal:        #131419;
    --cal-2:      #1A1C22;
    --branco:     #1F2128;
    --rejunte:    #262830;
    --rejunte-2:  #353841;
    --controle:   #6E727D;   /* 3,8:1 sobre cal */
    --grafite:    #F2F2EE;   /* 16,4:1 sobre cal */
    --grafite-2:  #DCDCD6;
    --texto:      #C9CBD2;   /* 11,3:1 */
    --texto-2:    #9B9EA8;   /* 6,9:1 sobre cal, 7,3:1 sobre cimento */

    /* anil de estado: claro, com tinta escura por cima (6,6:1) */
    --anil:       #8195F7;
    --anil-2:     #96A7F9;
    --anil-3:     #B3C0FB;   /* texto sobre anil-céu: 8,6:1 */
    --anil-ceu:   #1B2150;
    --anil-claro: #C4CCF9;   /* secundário sobre --marca: 8,1:1 */

    --folha:        #4CC08A;
    --folha-ceu:    #0F261B;
    --tijolo:       #F0876F;
    --tijolo-ceu:   #2B1512;
    --tijolo-linha: #5C2B22;
    --ocre:         #E2A11E;
    --ocre-texto:   #EDC064;
    --ocre-ceu:     #2A2111;
    --scrim:        rgba(0, 0, 0, 0.62);
    --texto-sobre-grafite: #45484F;          /* o grafite virou claro */
    --rejunte-grafite:     #D2D3CE;
    --rejunte-grafite-2:   #B9BAB4;
    --linha-sobre-anil:    rgba(251, 251, 248, 0.24);
    --veu-sobre-anil:      rgba(251, 251, 248, 0.08);
    --listra:              rgba(255, 255, 255, 0.025);

    --cat-menta-fundo:   #0F261B;  --cat-menta:   #5CCB95;
    --cat-ceu-fundo:     #1B2150;  --cat-ceu:     #9AABFA;
    --cat-areia-fundo:   #2A2111;  --cat-areia:   #E7BE6A;
    --cat-lavanda-fundo: #231B38;  --cat-lavanda: #BBA4EE;
    --cat-coral-fundo:   #2B1512;  --cat-coral:   #F29A86;
    --cat-oliva-fundo:   #1C2410;  --cat-oliva:   #AAC56B;
    --cat-rosa-fundo:    #2D1422;  --cat-rosa:    #EC91BD;
    --cat-grafite-fundo: #1F2128;  --cat-grafite: #C9CBD2;

    --barra:         #101117;
    --barra-2:       #1A1C23;
    --barra-3:       #262830;
    --barra-tinta:   #F2F2EE;
    --barra-tinta-2: #A7AAB4;   /* 8,1:1 */
    --barra-linha:   rgba(255, 255, 255, 0.14);
    --barra-bloco:       #1E2028;
    --barra-bloco-2:     #272932;
    --barra-bloco-tinta: #F2F2EE;

    --marca:   #1E2A78;         /* anil profundo: tinta clara a 12,2:1 */
    --marca-2: #26348A;
    --marca-3: #141D5C;

    --sombra-flutua: 0 18px 40px -12px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.05);
    --sombra-dialogo: 0 30px 60px -20px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.05);

    --m-notes: #5A5E69;
  }
}