/* ============================================================================
   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 */
  --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(51,40,24,.06); --ring:rgba(51,40,24,.16); --ring-strong:rgba(51,40,24,.40);
  --brand-02:rgba(51,40,24,.02); --brand-04:rgba(51,40,24,.04); --brand-06:rgba(51,40,24,.06);
  --brand-08:rgba(51,40,24,.08); --brand-10:rgba(51,40,24,.10); --brand-16:rgba(51,40,24,.16);

  /* sombras */
  --shadow-sm:0 2px 6px rgba(51,40,24,.05),0 1px 2px rgba(51,40,24,.03);
  --shadow-md:0 6px 18px rgba(51,40,24,.07),0 1px 3px rgba(51,40,24,.04);
  --shadow-lg:0 16px 40px rgba(51,40,24,.10),0 2px 8px rgba(51,40,24,.05);
  --edge-hi:rgba(255,255,255,.95);
  --focus:0 0 0 3px rgba(51,40,24,.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;
}