/* CRM padrão · base/tokens.css · 30/10/2026 · Dono: Alicerce
   ÚNICA fonte de cor, raio, sombra, espaço e movimento do CRM. Faltou token: maestri ask "Maestro" "...", nunca edite.
   Ordem: (1) Névoa intacta: tarefas-tokens.css + etiquetas.css + camada --app-* do globals.css, copiados sem mudança;
   (2) camada CRM: acento, estados, etapas, canais, WhatsApp, faturamento, variação, campo;
   (3) [data-tema="escuro"] no <html>; (4) [data-empresa="beec"] no <html>, só cor.
   Peça nova usa o ACENTO (--acento*), nunca --azul direto: é o acento que troca com a empresa.
   Contraste WCAG (fórmula da W3C) anotado ao lado; mínimo 4,5 texto, 3 ícone e borda de campo. */

/* ===================== (1) NÉVOA INTACTA · tarefas-tokens.css ===================== */
/* ID do sistema "Tarefas" (item 60, 19/10/2026): modelo 1 Névoa + o contraste do modelo 5 com o bloco em AZUL.
   Fonte da verdade: este arquivo (a escolha Névoa saiu de modelos que foram apagados em 74bf4ec; ficam no histórico do git).
   Sem preto e sem verde-lima (pedido do Natham). Azul = o #0071E3 do modelo 1, um pouco mais escuro.
   Contraste (fórmula da W3C, mínimo 4,5): branco sobre azul 5,68 · azul sobre fundo 4,68 · texto fraco sobre fundo 4,95 ·
   texto do bloco (fraco) sobre azul 4,58. O #0071E3 dava 4,70 com branco e 4,0 sobre o fundo: escurecer fecha os dois. */
:root {
  /* Cor */
  --fundo: #E8E9EC;          /* tela: cinza claro de Mac */
  --sup: #FFFFFF;            /* card, campo: superfície lisa (conteúdo não é vidro) */
  --sup-2: #F7F7F9;          /* faixa, cabeçalho de tabela, área de apoio */
  --texto: #1D1D1F;
  --fraco: #636366;          /* texto secundário */
  --borda: #D2D2D7;
  --linha: rgb(0 0 0 / 0.08); /* divisória fina */
  --realce: rgb(0 0 0 / 0.05); /* passar o mouse */
  --azul: #0064CC;           /* o que se clica + o bloco de destaque */
  --azul-hover: #0070E0;     /* clareia ao passar o mouse, como na Apple */
  --azul-claro: rgb(0 100 204 / 0.1); /* fundo leve de item escolhido */
  --no-azul: #FFFFFF;        /* texto sobre o azul */
  --no-azul-fraco: #DCE8F7;  /* texto secundário sobre o azul */
  --foco: rgb(0 100 204 / 0.55);

  /* Vidro: branco translúcido + borda de luz + desfoque. Só em peça que flutua ou fica fixa (menu, lista que abre) */
  --vidro: rgb(255 255 255 / 0.62);
  --vidro-forte: rgb(248 248 250 / 0.78);
  --vidro-linha: rgb(255 255 255 / 0.85);
  --vidro-desfoque: blur(24px) saturate(1.8);

  /* Forma: raios do modelo 1 (botão, card, vidro) e o canto bem redondo do bloco do modelo 5 */
  --raio-b: 10px; --raio-c: 16px; --raio-v: 20px; --raio-bloco: 22px;

  /* Sombra macia, sem borda junto (ou borda ou sombra) */
  --sombra: 0 1px 2px rgb(0 0 0 / 0.06), 0 8px 24px -12px rgb(0 0 0 / 0.18);
  --sombra-alta: 0 2px 4px rgb(0 0 0 / 0.05), 0 16px 32px -14px rgb(0 0 0 / 0.22);
  --sombra-lista: 0 2px 6px rgb(0 0 0 / 0.06), 0 16px 32px -12px rgb(0 0 0 / 0.25);
  --sombra-bloco: 0 16px 32px -18px rgb(0 60 140 / 0.55);

  /* Tipo: Inter (a mais próxima da SF Pro na web), vem do next/font no layout.tsx */
  --fonte: var(--font-inter), system-ui, -apple-system, sans-serif;
  --titulo-peso: 600; --titulo-espaco: -0.03em; --titulo-entrelinha: 1.1; --texto-entrelinha: 1.5;
  --t-12: 12px; --t-14: 14px; --t-16: 16px; --t-20: 20px; --t-25: 25px; --t-31: 31px; --t-39: 39px; --t-49: 49px; --t-61: 61px;

  /* Espaço: grade de 4 */
  --s-4: 4px; --s-8: 8px; --s-12: 12px; --s-16: 16px; --s-24: 24px; --s-32: 32px; --s-48: 48px; --s-64: 64px;

  /* Movimento: macio, sem quique */
  --dur-rapida: 160ms; --dur: 240ms; --dur-lenta: 420ms;
  --curva: cubic-bezier(0.32, 0.72, 0, 1);
}

/* ===================== (1) NÉVOA INTACTA · etiquetas.css ===================== */
/* Paleta de etiquetas das tarefas (exceção visual aprovada pelo Natham em 18/10/2026, brief seção 5).
   Cada tarefa tem a sua cor, como no Google Agenda. Usar SÓ em etiqueta/evento, nunca em fundo de tela, botão ou texto solto.
   Re-harmonizada com a Névoa (item 60, 19/10): as cores do sistema da Apple, suavizadas. Seis claras com letra escura e
   quatro fechadas com letra branca. Mesma ordem de antes (cada tarefa guarda a sua cor, só o tom mudou). Sem terrosos e
   sem o azul #0064CC, que é do que se clica.
   Cada etiqueta tem o par --etiqueta-N (fundo) e --etiqueta-N-texto (letra). Contraste da letra sobre o fundo
   (fórmula da W3C), mínimo exigido 4,5: */
:root {
  --etiqueta-1:  #F7CE46; --etiqueta-1-texto:  #1D1D1F;  /* amarelo · texto 11,12 */
  --etiqueta-2:  #FFB07A; --etiqueta-2-texto:  #1D1D1F;  /* laranja claro · texto 9,41 */
  --etiqueta-3:  #8FD9A0; --etiqueta-3-texto:  #1D1D1F;  /* verde claro · texto 10,10 */
  --etiqueta-4:  #7DD8D2; --etiqueta-4-texto:  #1D1D1F;  /* menta · texto 10,12 */
  --etiqueta-5:  #C9BBF7; --etiqueta-5-texto:  #1D1D1F;  /* lavanda · texto 9,56 */
  --etiqueta-6:  #FF9FB0; --etiqueta-6-texto:  #1D1D1F;  /* rosa · texto 8,69 */
  --etiqueta-7:  #C4302B; --etiqueta-7-texto:  #FFFFFF;  /* vermelho · branco 5,52 */
  --etiqueta-8:  #23813A; --etiqueta-8-texto:  #FFFFFF;  /* verde · branco 4,91 */
  --etiqueta-9:  #8944AB; --etiqueta-9-texto:  #FFFFFF;  /* roxo · branco 6,04 */
  --etiqueta-10: #0A7A84; --etiqueta-10-texto: #FFFFFF;  /* azul-petróleo · branco 5,08 */
  /* Versões fortes das seis claras (item 128), só para tags; mesma ordem: amarelo, laranja, verde, menta, lavanda, rosa */
  --etiqueta-11: #E0A800; --etiqueta-11-texto: #1D1D1F;  /* amarelo forte · texto 7,83 */
  --etiqueta-12: #C2490A; --etiqueta-12-texto: #FFFFFF;  /* laranja forte · branco 4,94 */
  --etiqueta-13: #1E7F37; --etiqueta-13-texto: #FFFFFF;  /* verde forte · branco 5,06 */
  --etiqueta-14: #0E7C7B; --etiqueta-14-texto: #FFFFFF;  /* menta forte · branco 5,01 */
  --etiqueta-15: #6B4FD6; --etiqueta-15-texto: #FFFFFF;  /* lavanda forte · branco 5,65 */
  --etiqueta-16: #C72A62; --etiqueta-16-texto: #FFFFFF;  /* rosa forte · branco 5,34 */
}

/* Etiqueta da ETAPA (item 78, recolorida no item 168 com a paleta C "escuros vibrantes", escolha do Natham em 20/10/2026):
   cores fortes com letra branca (calendário), mínimo exigido 4,5. A ordem lê como avanço: azul que começa, verde que fecha.
   Sem o azul #0064CC (do que se clica). Contraste do branco sobre cada cor: */
:root {
  --etapa-roteiro: #2D4FC7;   /* azul royal · branco 6,87 */
  --etapa-gravacao: #6B3FB5;  /* roxo · branco 6,99 */
  --etapa-edicao: #0B6E75;    /* teal · branco 6,00 */
  --etapa-analise: #B24A0A;   /* laranja queimado · branco 5,42 */
  --etapa-aprovado: #5C6B14;  /* verde-oliva · branco 5,89 */
  --etapa-postado: #0B7A4B;   /* esmeralda · branco 5,39 */
}

/* ===================== (1) NÉVOA INTACTA · camada do app (globals.css) ===================== */
/* ===== Camada do app (item 60): papéis fixos para todas as telas encaixarem igual, montados com tarefas-tokens.css ===== */
:root {
  --atrasado: #B3261E;            /* vermelho de "atrasado" (Conteúdos e Fila do Mapa) */
  --app-respiro: var(--s-16);      /* topo da área de conteúdo e vão entre blocos da tela */
  --app-margem: var(--s-24);       /* lateral da área de conteúdo (12 no celular) */
  --app-vao: var(--s-8);           /* entre controles vizinhos numa barra */

  --app-t-titulo: var(--t-31);     /* título da tela (h1) */
  --app-t-secao: var(--t-20);      /* título de bloco (h2) */
  --app-t-texto: var(--t-14);      /* texto de controle, lista, cartão */
  --app-t-rotulo: var(--t-12);     /* rótulo, metadado */

  --app-controle: 40px;            /* uma altura só: todo botão, campo e seleção da mesma barra alinha (o 40 do modelo 1) */
}
@media (max-width: 767px) { :root { --app-margem: var(--s-12); } }

/* ===================== (2) CAMADA CRM · claro, cor Névoa (padrão) ===================== */
:root {
  --font-inter: 'Inter';     /* a Névoa pega a Inter do next/font; aqui vem do Google Fonts (o base/casca.js carrega) */
  color-scheme: light;

  /* R2 (Natham, 1.12 e 1.13): raios 14 em card, lista, vidro, janela e bloco (botão e campo seguem 10); sombra mais concentrada,
     menos desfoque e menos deslocamento. Redefine os valores da Névoa acima sem mexer neles */
  --raio-c: 14px; --raio-v: 14px; --raio-bloco: 14px;
  --sombra: 0 1px 2px rgb(0 0 0 / 0.07), 0 4px 10px -4px rgb(0 0 0 / 0.12);
  --sombra-alta: 0 1px 3px rgb(0 0 0 / 0.08), 0 8px 16px -6px rgb(0 0 0 / 0.17);
  --sombra-lista: 0 2px 4px rgb(0 0 0 / 0.08), 0 10px 20px -8px rgb(0 0 0 / 0.22);
  --sombra-bloco: 0 8px 16px -8px rgb(0 60 140 / 0.5);

  /* R2 (1.10 e outros): número mais grosso em todo o CRM. Todo número em destaque usa estes dois, ninguém põe peso solto */
  --numero-peso: 700;
  --numero-variante: tabular-nums;

  /* R2 (1.5): faixa de faturamento NEUTRA e discreta (só da You; não usa as cores de etiqueta). Texto 12,6+ · marca 3+ */
  --faixa-fundo: var(--sup-2);
  --faixa-texto: var(--texto);
  --faixa-marca: var(--fraco);       /* tracinho cheio do nível: sobre sup-2 5,31 */
  --faixa-marca-vazia: var(--borda); /* tracinho vazio, decorativo */
  /* As 7 faixas (adendo R2): cor discreta de cada uma + texto sobre ela. Cores do CRM real (faixas-1..3.png). Iguais na Névoa e na Beec */
  --faixa-ferro: #9AA3AF;    --faixa-ferro-texto: #1D1D1F;     /* Até R$ 20 mil · 6,60 */
  --faixa-bronze: #C98A4B;   --faixa-bronze-texto: #1D1D1F;    /* R$ 20 a 50 mil · 5,79 */
  --faixa-prata: #C3C8D0;    --faixa-prata-texto: #1D1D1F;     /* R$ 50 a 100 mil · 10,01 */
  --faixa-ouro: #FFC62E;     --faixa-ouro-texto: #1D1D1F;      /* R$ 100 a 300 mil · 10,71 */
  --faixa-platina: #2DD4BF;  --faixa-platina-texto: #1D1D1F;   /* R$ 300 a 500 mil · 9,04 */
  --faixa-diamante: #45BFFF; --faixa-diamante-texto: #1D1D1F;  /* acima de R$ 500 mil · 8,13 */
  --faixa-sem: #E5E7EB;      --faixa-sem-texto: #1D1D1F;       /* Sem faixa (não apurado) · 13,59 */

  /* Acento: a ÚNICA cor que troca com a empresa. --acento = fundo cheio (botão, bloco, escolhido, marca);
     --acento-texto = link, ícone e texto em cor sobre a superfície (no escuro é mais claro que o fundo cheio) */
  --acento: #0064CC;               /* branco sobre ele 5,68 */
  --acento-hover: #0070E0;         /* branco 4,78 (o hover da Névoa) */
  --acento-texto: #0064CC;         /* sobre sup 5,68 · sup-2 5,31 · fundo 4,68 */
  --acento-claro: rgb(0 100 204 / 0.1);   /* fundo leve de item escolhido */
  --no-acento: #FFFFFF;            /* texto sobre o acento */
  --no-acento-fraco: #DCE8F7;      /* texto secundário sobre o acento: 4,58 */
  --acento-foco: rgb(0 100 204 / 0.55);
  --acento-sombra: 0 8px 16px -8px rgb(0 60 140 / 0.5);   /* sombra do bloco de destaque */
  --acento-sombra-btn: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 1px 2px rgb(0 60 140 / 0.3);

  /* Borda de CAMPO (a --borda da Névoa dá 1,51 sobre o branco; borda de campo precisa de 3) */
  --borda-campo: #7C7C82;          /* sobre sup 4,13 · sup-2 3,87 · fundo 3,41 */

  /* Estados: fundo + texto (o texto também serve sozinho sobre a superfície) */
  --sucesso: #17673A;  --sucesso-fundo: #E3F4E8;    /* 6,05 no fundo dele · 6,91 no sup */
  --atencao: #8A5300;  --atencao-fundo: #FDF0D5;    /* 5,61 · 6,33 */
  --perigo: #B3261E;   --perigo-fundo: #FCE4E2;     /* 5,40 · 6,54 */
  --info: #0B5CAD;     --info-fundo: #E1EDFB;       /* 5,62 · 6,67 */
  --perigo-hover: #C4302B;         /* botão de perigo ao passar o mouse: branco 5,52 */

  /* Variação ▲▼ (KPI): verde sobe, vermelho desce */
  --sobe: var(--sucesso);  --sobe-fundo: var(--sucesso-fundo);
  --desce: var(--perigo);  --desce-fundo: var(--perigo-fundo);

  /* Faixas de faturamento: texto sobre fundo */
  --bronze: #7A4519; --bronze-fundo: #F4E4D4;   /* 6,27 */
  --prata: #474C57;  --prata-fundo: #E6E8ED;    /* 7,02 */
  --ouro: #6E5000;   --ouro-fundo: #FBEDC2;     /* 6,40 */

  /* Etapas do funil: cor cheia com letra branca, iguais nos 2 modos e nas 2 empresas (não é acento). Branco sobre cada: */
  --etapa-novo: #2D4FC7;           /* Lead novo · 6,87 */
  --etapa-qualificacao: #6B3FB5;   /* Em qualificação · 6,99 */
  --etapa-reuniao: #0B6E75;        /* Reunião agendada · 6,00 */
  --etapa-nao-compareceu: #B3261E; /* Não compareceu à reunião · 6,54 */
  --etapa-negociacao: #B24A0A;     /* Em negociação · 5,42 */
  --etapa-follow: #8A3FA0;         /* Follow-up · 6,37 */
  --etapa-ganho: #0B7A4B;          /* Ganho · 5,39 */
  --etapa-perdido: #5B5B63;        /* Perdido · 6,73 */
  --no-etapa: #FFFFFF;

  /* Canais (gráfico): linha e ponto, mínimo 3 sobre o card. Ordem da legenda do CRM atual. Sobre sup: */
  --canal-meta: #1C6FE0;           /* 4,77 */
  --canal-google: #B07A00;         /* 3,73 */
  --canal-whatsapp: #1A8A4C;       /* 4,39 */
  --canal-site: #7B4FD6;           /* 5,34 */
  --canal-bio: #D2650F;            /* 3,74 */
  --canal-indicacao: #D02F78;      /* 4,82 */
  --canal-google-organico: #0E8079;/* 4,79 */
  --grafico-grade: rgb(0 0 0 / 0.08);
  --grafico-eixo: var(--fraco);

  /* WhatsApp: fundo LISO, bolhas separadas por sombra curta (o contraste é do texto dentro delas) */
  --wa-fundo: #ECEDF0;
  --wa-recebida: #FFFFFF;          /* texto 16,83 · hora 5,99 */
  --wa-enviada: color-mix(in srgb, var(--acento) 12%, #FFFFFF);  /* Névoa #E0ECF9: texto 14,05 · hora 5,00 · Beec #EEE3FD: hora 4,86 */
  --wa-texto: var(--texto);
  --wa-hora: var(--fraco);
  --wa-sombra: 0 1px 1px rgb(0 0 0 / 0.08);

  /* Vidro das listas que abrem (R4, r3-fb1: o --vidro-forte era claro demais e o que estava atrás atrapalhava a leitura) */
  --vidro-lista: rgb(250 250 252 / 0.95);

  /* Janela (modal central e painel lateral) */
  --janela-veu: rgb(20 20 24 / 0.32);
  --sombra-janela: 0 2px 6px rgb(0 0 0 / 0.08), 0 16px 32px -12px rgb(0 0 0 / 0.28);

  /* Avatar */
  --avatar-p: 24px; --avatar-m: 32px; --avatar-g: 44px;
}

/* ===================== (3) TEMA ESCURO · <html data-tema="escuro"> ===================== */
[data-tema="escuro"] {
  color-scheme: dark;
  --fundo: #141416;
  --sup: #1E1E21;
  --sup-2: #26262A;
  --texto: #F2F2F4;                /* sobre fundo 16,46 · sup-2 13,48 */
  --fraco: #A3A3AA;                /* sobre fundo 7,34 · sup-2 6,01 */
  --borda: #3A3A40;                /* divisória e borda decorativa (campo usa --borda-campo) */
  --linha: rgb(255 255 255 / 0.08);
  --realce: rgb(255 255 255 / 0.06);
  --vidro: rgb(36 36 40 / 0.66);
  --vidro-forte: rgb(40 40 45 / 0.84);
  --vidro-linha: rgb(255 255 255 / 0.10);
  --sombra: 0 1px 2px rgb(0 0 0 / 0.45), 0 4px 10px -4px rgb(0 0 0 / 0.55);
  --sombra-alta: 0 1px 3px rgb(0 0 0 / 0.5), 0 8px 16px -6px rgb(0 0 0 / 0.65);
  --sombra-lista: 0 2px 4px rgb(0 0 0 / 0.5), 0 10px 20px -8px rgb(0 0 0 / 0.7);
  --atrasado: #FF8A80;

  --acento: #0064CC;               /* o mesmo azul cheio: branco 5,68 */
  --acento-hover: #0A6ED1;         /* branco 5,04 */
  --acento-texto: #5AA8FF;         /* sobre fundo 7,43 · sup 6,71 · sup-2 6,09 */
  --acento-claro: rgb(90 168 255 / 0.12);   /* texto em cor sobre ele: 5,47 no sup · 4,84 no vidro do topo */
  --no-acento-fraco: #DCE8F7;      /* 4,58 */
  --acento-foco: rgb(90 168 255 / 0.6);
  --acento-sombra: 0 8px 16px -8px rgb(0 0 0 / 0.65);
  --acento-sombra-btn: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 1px 2px rgb(0 0 0 / 0.5);

  --borda-campo: #75757D;          /* sobre sup 3,64 · sup-2 3,30 · fundo 4,03 */

  --sucesso: #6FD68E;  --sucesso-fundo: #16301F;    /* 7,91 · sup 9,25 */
  --atencao: #F2C063;  --atencao-fundo: #33270F;    /* 8,69 · 9,89 */
  --perigo: #FF8A80;   --perigo-fundo: #3A1A18;     /* 6,86 · 7,28 */
  --info: #7DB8FF;     --info-fundo: #132A44;       /* 7,05 · 8,05 */

  --bronze: #E8B68C; --bronze-fundo: #3A2818;   /* 7,68 */
  --prata: #CDD3DD;  --prata-fundo: #2E3138;    /* 8,66 */
  --ouro: #F2CC5C;   --ouro-fundo: #352B0D;     /* 9,03 */
  /* faixas no escuro: fundo fechado e texto claro, para não gritar no escuro */
  --faixa-ferro: #3A4049;    --faixa-ferro-texto: #D5DAE1;     /* 7,44 */
  --faixa-bronze: #4A3220;   --faixa-bronze-texto: #EDB98E;    /* 6,75 */
  --faixa-prata: #363A42;    --faixa-prata-texto: #D6DBE3;     /* 8,20 */
  --faixa-ouro: #4A3A0A;     --faixa-ouro-texto: #F5CF5C;      /* 7,35 */
  --faixa-platina: #0F3F3A;  --faixa-platina-texto: #6FE3D3;   /* 7,59 */
  --faixa-diamante: #0E3550; --faixa-diamante-texto: #8AD3FF;  /* 7,81 */
  --faixa-sem: #2A2A2E;      --faixa-sem-texto: #B0B0B7;       /* 6,63 */

  --canal-meta: #5AA2FF;           /* sobre sup 6,37 */
  --canal-google: #F2B63A;         /* 9,13 */
  --canal-whatsapp: #4CC97F;       /* 7,89 */
  --canal-site: #AE8CFF;           /* 6,33 */
  --canal-bio: #FF9A4D;            /* 7,90 */
  --canal-indicacao: #FF7AB3;      /* 6,88 */
  --canal-google-organico: #3CC6BB;/* 7,91 */
  --grafico-grade: rgb(255 255 255 / 0.08);

  --wa-fundo: #121214;
  --wa-recebida: #26262A;          /* texto 13,48 · hora 6,01 */
  --wa-enviada: color-mix(in srgb, var(--acento) 38%, #1E1E21);   /* texto acima de 10 nas 2 empresas */
  --wa-hora: #C9CDD6;              /* na enviada acima de 7 · na recebida 9,5 */
  --wa-sombra: 0 1px 1px rgb(0 0 0 / 0.4);

  --janela-veu: rgb(0 0 0 / 0.55);
  --vidro-lista: rgb(38 38 43 / 0.96);
  --sombra-janela: 0 2px 6px rgb(0 0 0 / 0.5), 0 16px 32px -12px rgb(0 0 0 / 0.75);
}

/* ===================== (4) EMPRESA BEEC · <html data-empresa="beec">, SÓ COR ===================== */
/* Acento = --cor-eletrico #7319F1 da paleta Beec (ID-Visual-ALL/Beec/identidade/tokens.css). Escolhido porque passa nos
   dois modos como fundo cheio (branco 6,69) e no claro como texto (sup 6,69 · fundo 5,51). O roxo profundo #2A075A some
   no escuro e o ouro reprova no claro (1,48). No escuro o texto em cor é o elétrico clareado #BE98FF. */
[data-empresa="beec"] {
  --acento: #7319F1;
  --acento-hover: #8233F5;         /* branco 5,61 */
  --acento-texto: #7319F1;
  --acento-claro: rgb(115 25 241 / 0.1);
  --no-acento-fraco: #E9DDFE;      /* sobre o acento 5,17 */
  --acento-foco: rgb(115 25 241 / 0.55);
  --acento-sombra: 0 8px 16px -8px rgb(42 7 90 / 0.5);
  --acento-sombra-btn: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 1px 2px rgb(42 7 90 / 0.35);
}
[data-tema="escuro"][data-empresa="beec"] {
  --acento-texto: #BE98FF;         /* sobre fundo 7,9 · sup 7,1 · sup-2 6,4 (era #B68CFF: 4,46 sobre o acento-claro, Lupa) */
  --acento-claro: rgb(190 152 255 / 0.12);  /* texto em cor sobre ele: 5,81 no sup · 5,13 no vidro do topo */
  --acento-foco: rgb(182 140 255 / 0.6);
  --acento-sombra: 0 8px 16px -8px rgb(0 0 0 / 0.65);
  --acento-sombra-btn: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 1px 2px rgb(0 0 0 / 0.5);
}

/* ===================== (4b) EMPRESA YOU · <html data-empresa="you">, SÓ COR ===================== */
/* Opção A da aba 15 (Natham, 30/10): laranja da ID da You (ID-Visual-ALL/You/identidade/tokens.css) com letra PRETA em cima.
   Branco sobre #FE4901 dá 3,40 (reprova); a letra --no-acento #141417 dá 5,40. Texto/link em laranja no claro = #BD3700 (sup 5,66 · fundo 4,66 · acento-claro 4,98).
   No escuro o texto em cor é #FF7A45 (fundo 7,12 · sup 6,43 · acento-claro 5,35; o #FE4901 dava 4,31 no acento-claro). Hover #FF6A2B com a letra: 6,43.
   Letra fraca sobre o acento #3B1405: 4,79. Sobre o acento o .btn-claro usa véu BRANCO (--veu*): com véu preto a letra escura caía para 4,29 (véu branco 6,02). */
[data-empresa="you"] {
  --acento: #FE4901;
  --acento-hover: #FF6A2B;         /* letra 6,43 */
  --acento-texto: #BD3700;
  --acento-claro: rgb(254 73 1 / 0.1);
  --no-acento: #141417;            /* letra sobre o acento 5,40 */
  --no-acento-fraco: #3B1405;      /* sobre o acento 4,79 */
  --acento-foco: rgb(189 55 0 / 0.55);
  --acento-sombra: 0 8px 16px -8px rgb(143 48 14 / 0.5);
  --acento-sombra-btn: inset 0 1px 0 rgb(255 255 255 / 0.25), 0 1px 2px rgb(143 48 14 / 0.35);
  --veu: rgb(255 255 255 / 0.18); --veu-hover: rgb(255 255 255 / 0.28); --veu-borda: rgb(20 20 23 / 0.35); --veu-foco: rgb(20 20 23 / 0.35);
}
[data-tema="escuro"][data-empresa="you"] {
  --acento-texto: #FF7A45;
  --acento-claro: rgb(255 122 69 / 0.12);
  --acento-foco: rgb(255 122 69 / 0.6);
  --acento-sombra: 0 8px 16px -8px rgb(0 0 0 / 0.65);
  --acento-sombra-btn: inset 0 1px 0 rgb(255 255 255 / 0.3), 0 1px 2px rgb(0 0 0 / 0.5);
}

/* ===================== (5) MOVIMENTO DO CRM (vídeo "Glassy Dashboard V2", 30/10). Só 2D. Usado por base/movimento.js ===================== */
:root {
  --mov-entrada: var(--dur-lenta);   /* cada filho do data-entra: de desfocado e transparente para nítido */
  --entra-desfoque: 12px;              /* A, como o vídeo: o padrão de todo o CRM (Natham, 14.1) */
  --entra-sobe: 8px;                   /* o filho entra subindo isto */
  --cascata: 60ms;                   /* passo entre um filho e o próximo (A) */
  --mov-saida: 150ms;                /* tela velha some desfocando */
  --mov-saida-desfoque: 8px;
  --mov-lista: 320ms;                /* lista que abre: desenrola de cima para baixo (R3) */
  --mov-conta: 700ms;                /* número contando de 0 até o valor, desacelerando */
  --mov-card-sobe: -4px;             /* card interativo ao passar o mouse */
  --curva-sai: cubic-bezier(0.4, 0, 1, 1);
}