/* ============================================================
   DON Consultoria — tokens do design system
   ARQUIVO GERADO por scripts/gerar_tokens.py. Nao edite a mao.
   Regenerar:  python -m scripts.gerar_tokens
   Spec: docs/superpowers/specs/2026-08-28-don-design-system-design.md

   Tres camadas. Componente consome a semantica, nunca a primitiva.
   ============================================================ */

:root{
  /* camada primitiva — derivada da espinha OKLCH, nao editar */
  --p-reg-vel:#E8F5F0;
  --p-tec-vel:#E8F4FB;
  --p-con-vel:#F5EFFA;
  --p-reg-claro:#B4E4D2;
  --p-tec-claro:#B3DFF5;
  --p-con-claro:#E3CEF3;
  --p-reg-acento:#25B892;
  --p-tec-acento:#26ACE0;
  --p-con-acento:#B886DA;
  --p-reg-tinta:#04755B;
  --p-tec-tinta:#086D90;
  --p-con-tinta:#75528C;
  --p-reg-solid:#036850;
  --p-tec-solid:#076081;
  --p-con-solid:#68497D;
  --p-reg-fundo:#023729;
  --p-tec-fundo:#033345;
  --p-con-fundo:#372543;
  --p-reg-poco:#001E15;
  --p-tec-poco:#001B28;
  --p-con-poco:#1E1226;
  --don-900:#070A11;
  --don-800:#13171F;
  --don-700:#232830;
  --don-600:#3A3F47;
  --don-500:#5E636D;
  --don-400:#818690;
  --don-300:#A5ABB5;
  --don-200:#C8CED9;
  --don-100:#E0E7F1;
  --don-050:#F0F6FF;

  /* camada semantica — tema escuro, o padrao */
  --sup-0:#070910;
  --sup-1:#0F1319;
  --sup-2:#1A1E25;
  --sup-3:#262A31;
  --txt-1:#F0F3F8;
  --txt-2:#B3BDCE;
  --txt-3:#8B919A;
  --linha:#2B2E34;
  --linha-forte:#44484E;
  --frente-reg:#25B892;
  --frente-tec:#26ACE0;
  --frente-con:#B886DA;
  --acao-bg:#F0F6FF;
  --acao-txt:#13171F;
  --acao-bg-hover:#E0E7F1;
  --foco:#F0F6FF;
  --veu:rgb(255 255 255 / 0.045);
  --veu-forte:rgb(255 255 255 / 0.08);
  --frente-reg-vel:#E8F5F0;
  --frente-reg-claro:#B4E4D2;
  --frente-reg-solid:#036850;
  --frente-reg-fundo:#023729;
  --frente-reg-poco:#001E15;
  --frente-tec-vel:#E8F4FB;
  --frente-tec-claro:#B3DFF5;
  --frente-tec-solid:#076081;
  --frente-tec-fundo:#033345;
  --frente-tec-poco:#001B28;
  --frente-con-vel:#F5EFFA;
  --frente-con-claro:#E3CEF3;
  --frente-con-solid:#68497D;
  --frente-con-fundo:#372543;
  --frente-con-poco:#1E1226;
  /* canais, para fundo translucido */
  --frente-reg-rgb:37 184 146;
  --frente-tec-rgb:38 172 224;
  --frente-con-rgb:184 134 218;
  --sup-0-rgb:7 9 16;
  --don-900-rgb:7 10 17;
  --don-800-rgb:19 23 31;
  --don-700-rgb:35 40 48;
  --don-600-rgb:58 63 71;
  --don-500-rgb:94 99 109;
  --don-400-rgb:129 134 144;
  --don-300-rgb:165 171 181;
  --don-200-rgb:200 206 217;
  --don-100-rgb:224 231 241;
  --don-050-rgb:240 246 255;

  /* camada de componente — so aponta para a semantica */
  --pill-bg:var(--acao-bg);
  --pill-txt:var(--acao-txt);
  --pill-bg-hover:var(--acao-bg-hover);
  --card-bg:var(--sup-1);
  --card-linha:var(--linha);
  --secao-fio-reg:var(--frente-reg);
  --secao-fio-tec:var(--frente-tec);
  --secao-fio-con:var(--frente-con);

  /* WhatsApp: cor de marca de terceiro. Fica FORA da espinha de
     proposito — tokeniza-la para um degrau DON destruiria um
     reconhecimento visual que o usuario ja tem. */
  --zap-bg:#25D366;
  --zap-bg-hover:#1FBE5A;
  --zap-txt:#06210F;
}

[data-tema="claro"]{
  /* camada semantica — tema claro */
  --sup-0:#FFFFFF;
  --sup-1:#F6F8FC;
  --sup-2:#ECEEF3;
  --sup-3:#E1E3E7;
  --txt-1:#13171F;
  --txt-2:#4E535C;
  --txt-3:#60656E;
  --linha:#D3D8E0;
  --linha-forte:#B6BBC2;
  --frente-reg:#04755B;
  --frente-tec:#086D90;
  --frente-con:#75528C;
  --acao-bg:#13171F;
  --acao-txt:#F0F6FF;
  --acao-bg-hover:#232830;
  --foco:#13171F;
  --veu:rgb(7 10 17 / 0.045);
  --veu-forte:rgb(7 10 17 / 0.08);
  --frente-reg-vel:#E8F5F0;
  --frente-reg-claro:#B4E4D2;
  --frente-reg-solid:#036850;
  --frente-reg-fundo:#023729;
  --frente-reg-poco:#001E15;
  --frente-tec-vel:#E8F4FB;
  --frente-tec-claro:#B3DFF5;
  --frente-tec-solid:#076081;
  --frente-tec-fundo:#033345;
  --frente-tec-poco:#001B28;
  --frente-con-vel:#F5EFFA;
  --frente-con-claro:#E3CEF3;
  --frente-con-solid:#68497D;
  --frente-con-fundo:#372543;
  --frente-con-poco:#1E1226;
  /* canais no claro */
  --frente-reg-rgb:4 117 91;
  --frente-tec-rgb:8 109 144;
  --frente-con-rgb:117 82 140;
  --sup-0-rgb:255 255 255;
}