/* ============================================================================
   brands/tokens.css — ÚNICO arquivo de cor do portal (REGRA MULTIEMPRESA, CLAUDE.md). Movido de assets/tokens.css
   em 03/10/2026; assets/tokens.css virou só um @import daqui (os painéis gerados pelo robô ainda apontam para ele).
   Marca ativa = <html data-brand="damana|jr|neutro">, gravado por brands/base.js (Marcas.aplicar) com a empresa
   que vem do servidor (/api/me). Sem data-brand vale o :root (Damana, o visual de sempre).
   ----------------------------------------------------------------------------
   TOKENS DE MARCA — dashboard.damanamodaintima.com.br
   ----------------------------------------------------------------------------
   Fonte: identidade visual do CRM (crm.damanamodaintima.com.br), repo
   pablojung12-cyber/agente-sdr → src/styles/damana-brand.css + via-tokens.css.
   Rampa da marca: bronze #332818 (texto/CTA/sidebar), bronze-deep #241B0E,
   dourado da logo #8F7A5A, dourado-soft #A6906C, rampa de dado
   #332818 / #6B5738 / #8F7A5A / #B5A585 / #D9CFBB. Fonte Geist.
   Light-first (padrão da marca); dark = warm-dark âmbar do CRM.

   CORES SEMÂNTICAS PRESERVADAS DE PROPÓSITO (decisão do Pablo, 15/09/2026):
   tendência, cobertura/projeção de estoque, sugestão de compra e canal
   continuam com as cores antigas do painel — vermelho #ff5c7a, amarelo
   #f5c518, azul #46c6e6, verde #2ad1a8, cinza #9aa3b8. No tema claro a
   pastilha usa a cor como FUNDO sólido com texto bronze (legível); o número
   grande usa a variante "-ink" (mesmo matiz, escurecido para passar AA).
   No tema escuro a variante "-ink" É a cor original.
   ============================================================================ */
:root{
  --font:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  /* marca (Damana é o padrão; JR e a tela neutra de entrada sobrescrevem abaixo) */
  --tinta-rgb:51,40,24;
  --brand:#332818; --brand-deep:#241B0E; --brand-darker:#171106;
  --gold:#8F7A5A; --gold-soft:#A6906C; --gold-light:#B5A585; --gold-pale:#D9CFBB;
  --chart-1:#332818; --chart-2:#6B5738; --chart-3:#8F7A5A; --chart-4:#B5A585; --chart-5:#D9CFBB;

  /* superfícies (claro) */
  --bg:#F3F4F7; --bg-2:#F7F8FA; --bg-3:#F0F2F5;
  --canvas:linear-gradient(180deg,#F0F2F5 0%,#F7F8FA 44%,#F0F2F5 100%);
  --surface:#FFFFFF; --surface-2:#F7F8FA; --surface-3:#F0F2F5; --surface-elev:#FFFFFF;

  /* texto */
  --text:#332818; --text-body:#344054; --muted:#4F596B; --soft:#636D80; --faint:#98A2B3; --inverse:#FFFFFF;

  /* bordas / anéis */
  --border:#E4E7EC; --border-soft:rgba(var(--tinta-rgb),.06); --ring:rgba(var(--tinta-rgb),.16); --ring-strong:rgba(var(--tinta-rgb),.40);
  --brand-02:rgba(var(--tinta-rgb),.02); --brand-04:rgba(var(--tinta-rgb),.04); --brand-06:rgba(var(--tinta-rgb),.06);
  --brand-08:rgba(var(--tinta-rgb),.08); --brand-10:rgba(var(--tinta-rgb),.10); --brand-16:rgba(var(--tinta-rgb),.16);

  /* sombras */
  --shadow-sm:0 2px 6px rgba(var(--tinta-rgb),.05),0 1px 2px rgba(var(--tinta-rgb),.03);
  --shadow-md:0 6px 18px rgba(var(--tinta-rgb),.07),0 1px 3px rgba(var(--tinta-rgb),.04);
  --shadow-lg:0 16px 40px rgba(var(--tinta-rgb),.10),0 2px 8px rgba(var(--tinta-rgb),.05);
  --edge-hi:rgba(255,255,255,.95);
  --focus:0 0 0 3px rgba(var(--tinta-rgb),.15);

  /* raio (escala do DS) */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;

  /* sidebar (bronze sólido nos dois temas) */
  --sb-bg:radial-gradient(circle at 14% 0%,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#332818 0%,#241B0E 100%);
  --sb-fg:#D8D2C4; --sb-fg-strong:#FFFFFF; --sb-muted:rgba(255,255,255,.55);
  --sb-hover:rgba(255,255,255,.075); --sb-active:rgba(255,255,255,.11); --sb-border:rgba(255,255,255,.10); --sb-active-border:rgba(255,255,255,.13);

  /* semânticas preservadas (tendência, cobertura, sugestão, canal) */
  --red:#ff5c7a; --yel:#f5c518; --blu:#46c6e6; --grn:#2ad1a8; --gray:#9aa3b8;
  --red-ink:#D1365A; --yel-ink:#9A7B00; --blu-ink:#1B8FA8; --grn-ink:#158A6F; --gray-ink:#5F6A7D;
  --red-bg:rgba(255,92,122,.14); --yel-bg:rgba(245,197,24,.18); --blu-bg:rgba(70,198,230,.16); --grn-bg:rgba(42,209,168,.16); --gray-bg:rgba(140,150,170,.16);
  --badge-ink:#241B0E;

  /* estado do sistema */
  --success:#1F8A5B; --danger:#B83A3A; --warn:#8F7A5A;
  --dur:.18s; --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#14100A; --bg-2:#1D1810; --bg-3:#282013;
  --canvas:linear-gradient(180deg,#14100A 0%,#1D1810 46%,#14100A 100%);
  --surface:#1D1810; --surface-2:#181209; --surface-3:#221A0F; --surface-elev:#282013;
  --text:#F7F4EE; --text-body:#D8D2C4; --muted:#B5AC9A; --soft:#A29885; --faint:#8C8474; --inverse:#14100A;
  --brand:#CDB996; --brand-deep:#B5A585; --gold:#CDB996; --gold-soft:#DECFB4; --gold-light:#A98F66; --gold-pale:#3A2E1C;
  --chart-1:#A98F66; --chart-2:#BBA47E; --chart-3:#CDB996; --chart-4:#DECFB4; --chart-5:#EFE4D2;
  --border:rgba(255,255,255,.10); --border-soft:rgba(255,255,255,.06); --ring:rgba(255,255,255,.14); --ring-strong:rgba(255,255,255,.40);
  --brand-02:rgba(255,255,255,.02); --brand-04:rgba(255,255,255,.04); --brand-06:rgba(255,255,255,.06);
  --brand-08:rgba(255,255,255,.08); --brand-10:rgba(255,255,255,.10); --brand-16:rgba(255,255,255,.16);
  --shadow-sm:0 2px 6px rgba(0,0,0,.34),0 1px 2px rgba(0,0,0,.24);
  --shadow-md:0 6px 18px rgba(0,0,0,.42),0 1px 3px rgba(0,0,0,.30);
  --shadow-lg:0 16px 40px rgba(0,0,0,.52),0 2px 8px rgba(0,0,0,.34);
  --edge-hi:rgba(255,255,255,.08);
  --focus:0 0 0 3px rgba(255,255,255,.22);
  --sb-bg:radial-gradient(circle at 14% 0%,rgba(255,255,255,.06),transparent 28%),linear-gradient(180deg,#181209 0%,#14100A 100%);
  --red-ink:#ff5c7a; --yel-ink:#f5c518; --blu-ink:#46c6e6; --grn-ink:#2ad1a8; --gray-ink:#9aa3b8;
  --success:#4CC38A; --danger:#E89B9B; --warn:#CDB996;
  color-scheme:dark;
}

/* tons fixos que as telas usavam soltos (não são cor de marca) */
:root{
  --ok-fundo:rgba(34,197,94,.08); --ok-borda:rgba(34,197,94,.25);
  --yel-borda:rgba(245,197,24,.55); --yel-fundo:rgba(245,197,24,.08);
  --tinta-escura:#14100A;
  --meta-laranja:#b45309; --meta-ciano-fundo:rgba(24,208,224,.12); --meta-amarelo-fundo:rgba(245,197,24,.10);
  --casca-fundo:#faf8f4; --casca-texto:#332818; --casca-fundo-escuro:#171106; --casca-texto-escuro:#e9e1d2;
  --acento-rgb:143,122,90;
  /* cartões de destaque do painel diário (assets/dashboard.css): escuros nos dois temas */
  --card-g1-a:#332818; --card-g1-b:#241B0E; --card-g2-a:#8F7A5A; --card-g2-b:#6B5738;
  --tema-cor:#A98F66;
}

/* ---------- JR Enxovais: cores da Folha de Pagamento (brands/jr.js da Folha, 26/09/2026) ---------- */
:root[data-brand="jr"]{
  --tinta-rgb:38,49,101; --acento-rgb:59,74,140;
  --brand:#263165; --brand-deep:#1B2448; --brand-darker:#1B2448;
  --gold:#3B4A8C; --gold-soft:#6C7BB8; --gold-light:#6C7BB8; --gold-pale:#DCE0EF;
  --chart-1:#263165; --chart-2:#3B4A8C; --chart-3:#6C7BB8; --chart-4:#A9B3D6; --chart-5:#DCE0EF;
  --text:#263165;
  --sb-bg:radial-gradient(circle at 14% 0%,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#1F2A57 0%,#1B2448 100%);
  --sb-fg:#D9DEF0; --badge-ink:#1B2448; --warn:#3B4A8C;
  --casca-fundo:#F5F6FB; --casca-texto:#263165; --tema-cor:#3B4A8C;
  --card-g1-a:#263165; --card-g1-b:#1B2448; --card-g2-a:#3B4A8C; --card-g2-b:#263165;
}
/* JR no tema escuro: a Folha não tem modo escuro. Superfícies em azul-marinho escuro a partir do #1B2448 da Folha e
   acentos com os tons claros da própria Folha (#6C7BB8 / #A9B3D6 / #DCE0EF). Premissa a validar com o Pablo (03/10/2026). */
:root[data-brand="jr"][data-theme="dark"]{
  --bg:#0E1226; --bg-2:#141A33; --bg-3:#1B2448;
  --canvas:linear-gradient(180deg,#0E1226 0%,#141A33 46%,#0E1226 100%);
  --surface:#141A33; --surface-2:#11162C; --surface-3:#182040; --surface-elev:#1B2448;
  --text:#EDEFF7; --text-body:#DCE0EF; --muted:#A9B3D6; --soft:#8F9AC4; --faint:#6C7BB8; --inverse:#0E1226;
  --brand:#A9B3D6; --brand-deep:#6C7BB8; --gold:#A9B3D6; --gold-soft:#DCE0EF; --gold-light:#6C7BB8; --gold-pale:#1F2A57;
  --chart-1:#3B4A8C; --chart-2:#6C7BB8; --chart-3:#A9B3D6; --chart-4:#DCE0EF; --chart-5:#EDEFF7;
  --sb-bg:radial-gradient(circle at 14% 0%,rgba(255,255,255,.06),transparent 28%),linear-gradient(180deg,#141A33 0%,#0E1226 100%);
  --warn:#A9B3D6; --tinta-escura:#0E1226; --casca-fundo-escuro:#0E1226; --casca-texto-escuro:#DCE0EF;
}
/* Tela de entrada (antes do login): neutra, sem cor de empresa — as duas logos lado a lado. */
:root[data-brand="neutro"]{
  --tinta-rgb:52,64,84; --acento-rgb:71,84,103;
  --brand:#344054; --brand-deep:#1D2939; --brand-darker:#101828;
  --gold:#475467; --gold-soft:#667085; --gold-light:#98A2B3; --gold-pale:#E4E7EC;
  --text:#101828; --badge-ink:#101828; --tema-cor:#475467; --warn:#A6741F;
  --sb-bg:radial-gradient(circle at 14% 0%,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#1D2939 0%,#101828 100%);
  --sb-fg:#D0D5DD;
}
:root[data-brand="neutro"][data-theme="dark"]{
  --bg:#0C111D; --bg-2:#161B26; --bg-3:#1F242F;
  --canvas:linear-gradient(180deg,#0C111D 0%,#161B26 46%,#0C111D 100%);
  --surface:#161B26; --surface-2:#131720; --surface-3:#1F242F; --surface-elev:#1F242F;
  --text:#F5F5F6; --text-body:#CECFD2; --muted:#94969C; --soft:#85888E; --faint:#61646C; --inverse:#0C111D;
  --brand:#CECFD2; --brand-deep:#94969C; --gold:#CECFD2; --gold-soft:#F5F5F6; --gold-light:#94969C; --gold-pale:#1F242F;
  --tinta-escura:#0C111D; --warn:#94969C;
  --sb-bg:radial-gradient(circle at 14% 0%,rgba(255,255,255,.06),transparent 28%),linear-gradient(180deg,#161B26 0%,#0C111D 100%);
}

/* ---------- tons fixos das telas da fase 2 (03/10/2026) ----------
   --c-<hex> = a cor que a tela usava (Damana, visual idêntico); --c-<hex>-rgb = a mesma em "r,g,b" para rgba().
   As que são cor de marca da Damana ganham o equivalente da JR no bloco seguinte; as de status (vermelho, verde,
   amarelo...) e os neutros são iguais nas duas marcas. */
:root{
  --c-0b2a17:#0B2A17; --c-0b2a17-rgb:11,42,23;
  --c-111111:#111111; --c-111111-rgb:17,17,17;
  --c-14100a:#14100A; --c-14100a-rgb:20,16,10;
  --c-16a34a:#16A34A; --c-16a34a-rgb:22,163,74;
  --c-1d1810:#1D1810; --c-1d1810-rgb:29,24,16;
  --c-1e8f72:#1E8F72; --c-1e8f72-rgb:30,143,114;
  --c-22c55e:#22C55E; --c-22c55e-rgb:34,197,94;
  --c-231a10:#231A10; --c-231a10-rgb:35,26,16;
  --c-241b0e:#241B0E; --c-241b0e-rgb:36,27,14;
  --c-25d366:#25D366; --c-25d366-rgb:37,211,102;
  --c-2a2320:#2A2320; --c-2a2320-rgb:42,35,32;
  --c-2ad1a8:#2AD1A8; --c-2ad1a8-rgb:42,209,168;
  --c-2ee6a8:#2EE6A8; --c-2ee6a8-rgb:46,230,168;
  --c-332818:#332818; --c-332818-rgb:51,40,24;
  --c-3a2e1c:#3A2E1C; --c-3a2e1c-rgb:58,46,28;
  --c-3d3326:#3D3326; --c-3d3326-rgb:61,51,38;
  --c-3de0ff:#3DE0FF; --c-3de0ff-rgb:61,224,255;
  --c-444444:#444444; --c-444444-rgb:68,68,68;
  --c-4a423c:#4A423C; --c-4a423c-rgb:74,66,60;
  --c-6b5738:#6B5738; --c-6b5738-rgb:107,87,56;
  --c-6b625c:#6B625C; --c-6b625c-rgb:107,98,92;
  --c-7a2a38:#7A2A38; --c-7a2a38-rgb:122,42,56;
  --c-7d7060:#7D7060; --c-7d7060-rgb:125,112,96;
  --c-8a6d3f:#8A6D3F; --c-8a6d3f-rgb:138,109,63;
  --c-8b5cff:#8B5CFF; --c-8b5cff-rgb:139,92,255;
  --c-8b93a5:#8B93A5; --c-8b93a5-rgb:139,147,165;
  --c-8f7a5a:#8F7A5A; --c-8f7a5a-rgb:143,122,90;
  --c-a98f66:#A98F66; --c-a98f66-rgb:169,143,102;
  --c-b5a585:#B5A585; --c-b5a585-rgb:181,165,133;
  --c-b5ac9a:#B5AC9A; --c-b5ac9a-rgb:181,172,154;
  --c-b7860b:#B7860B; --c-b7860b-rgb:183,134,11;
  --c-bdb6aa:#BDB6AA; --c-bdb6aa-rgb:189,182,170;
  --c-c8324a:#C8324A; --c-c8324a-rgb:200,50,74;
  --c-cdb996:#CDB996; --c-cdb996-rgb:205,185,150;
  --c-d8d2c4:#D8D2C4; --c-d8d2c4-rgb:216,210,196;
  --c-d99a06:#D99A06; --c-d99a06-rgb:217,154,6;
  --c-d9cfbb:#D9CFBB; --c-d9cfbb-rgb:217,207,187;
  --c-dc2626:#DC2626; --c-dc2626-rgb:220,38,38;
  --c-ddd8ce:#DDD8CE; --c-ddd8ce-rgb:221,216,206;
  --c-dddddd:#DDDDDD; --c-dddddd-rgb:221,221,221;
  --c-e08a3c:#E08A3C; --c-e08a3c-rgb:224,138,60;
  --c-e58a9a:#E58A9A; --c-e58a9a-rgb:229,138,154;
  --c-ef4444:#EF4444; --c-ef4444-rgb:239,68,68;
  --c-f0f2f5:#F0F2F5; --c-f0f2f5-rgb:240,242,245;
  --c-f2f0ea:#F2F0EA; --c-f2f0ea-rgb:242,240,234;
  --c-f5c518:#F5C518; --c-f5c518-rgb:245,197,24;
  --c-f6f3ee:#F6F3EE; --c-f6f3ee-rgb:246,243,238;
  --c-f7f4ee:#F7F4EE; --c-f7f4ee-rgb:247,244,238;
  --c-f7f8fa:#F7F8FA; --c-f7f8fa-rgb:247,248,250;
  --c-fbbf24:#FBBF24; --c-fbbf24-rgb:251,191,36;
  --c-ff4d9d:#FF4D9D; --c-ff4d9d-rgb:255,77,157;
  --c-ff5c7a:#FF5C7A; --c-ff5c7a-rgb:255,92,122;
  --c-ffb347:#FFB347; --c-ffb347-rgb:255,179,71;
  --c-ffe3e8:#FFE3E8; --c-ffe3e8-rgb:255,227,232;
}
:root[data-brand="jr"]{
  --c-14100a:#0E1226; --c-14100a-rgb:14,18,38;
  --c-1d1810:#141A33; --c-1d1810-rgb:20,26,51;
  --c-231a10:#182040; --c-231a10-rgb:24,32,64;
  --c-241b0e:#1B2448; --c-241b0e-rgb:27,36,72;
  --c-332818:#263165; --c-332818-rgb:38,49,101;
  --c-3a2e1c:#1F2A57; --c-3a2e1c-rgb:31,42,87;
  --c-3d3326:#1F2A57; --c-3d3326-rgb:31,42,87;
  --c-6b5738:#2F3C74; --c-6b5738-rgb:47,60,116;
  --c-8a6d3f:#3B4A8C; --c-8a6d3f-rgb:59,74,140;
  --c-8f7a5a:#3B4A8C; --c-8f7a5a-rgb:59,74,140;
  --c-a98f66:#6C7BB8; --c-a98f66-rgb:108,123,184;
  --c-b5a585:#A9B3D6; --c-b5a585-rgb:169,179,214;
  --c-b5ac9a:#A9B3D6; --c-b5ac9a-rgb:169,179,214;
  --c-cdb996:#A9B3D6; --c-cdb996-rgb:169,179,214;
  --c-d8d2c4:#DCE0EF; --c-d8d2c4-rgb:220,224,239;
  --c-d9cfbb:#DCE0EF; --c-d9cfbb-rgb:220,224,239;
  --c-f7f4ee:#EDEFF7; --c-f7f4ee-rgb:237,239,247;
}

/* ---------- cards de relatório do WhatsApp (fase 3, 03/10/2026): a edge function automacao-relatorio lê estes
   tokens pelo marca.gerada.mjs (scripts/gerar_marca_relatorio.js). Mesma convenção --c-<hex>. */
:root{
  --c-158a6f:#158A6F; --c-158a6f-rgb:21,138,111;
  --c-344054:#344054; --c-344054-rgb:52,64,84;
  --c-636d80:#636D80; --c-636d80-rgb:99,109,128;
  --c-6b4f2a:#6B4F2A; --c-6b4f2a-rgb:107,79,42;
  --c-8a6d3b:#8A6D3B; --c-8a6d3b-rgb:138,109,59;
  --c-98a2b3:#98A2B3; --c-98a2b3-rgb:152,162,179;
  --c-b7791f:#B7791F; --c-b7791f-rgb:183,121,31;
  --c-d1365a:#D1365A; --c-d1365a-rgb:209,54,90;
  --c-d9c7a4:#D9C7A4; --c-d9c7a4-rgb:217,199,164;
  --c-e07b2a:#E07B2A; --c-e07b2a-rgb:224,123,42;
  --c-e4e7ec:#E4E7EC; --c-e4e7ec-rgb:228,231,236;
  --c-e6dcc8:#E6DCC8; --c-e6dcc8-rgb:230,220,200;
}
:root[data-brand="jr"]{
  --c-6b4f2a:#263165; --c-6b4f2a-rgb:38,49,101;
  --c-8a6d3b:#3B4A8C; --c-8a6d3b-rgb:59,74,140;
  --c-d9c7a4:#A9B3D6; --c-d9c7a4-rgb:169,179,214;
  --c-e6dcc8:#DCE0EF; --c-e6dcc8-rgb:220,224,239;
}

/* aviso do Print (assets/print-painel.js): fundo e texto do erro */
:root{
  --c-3a1520:#3A1520; --c-3a1520-rgb:58,21,32;
  --c-ffd7df:#FFD7DF; --c-ffd7df-rgb:255,215,223;
}