/* ============================================================
   TECHILL · DESIGN SYSTEM · tokens.css  (v1 — 15/09/2026)
   Regra 1: cor por FUNÇÃO (ok/atenção/problema/marca), nunca por nome de cor.
   Regra 2: a marca do cliente entra em tema.css, por cima destes valores.
   Regra 3: profundidade = hierarquia (sombra mais forte = mais importante).
   ============================================================ */
@font-face{font-family:Archivo;src:url(fontes/Archivo-var-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  /* --- marca (o cliente troca em tema.css) --- */
  --marca:#0F6327;        --marca-2:#1C8D3E;      --marca-fundo:#053012;   --marca-tinta:#ffffff;
  --acento:#F0E92E;       --acento-tinta:#1A2420;

  /* --- neutros --- */
  --fundo:#ECF1ED;  --card:#ffffff;  --card-2:#F2F6F3;  --linha:#E3E9E4;
  --tinta:#1A2420;  --tinta-2:#5B665F;  --cinza:#66716A;  --cinza-2:#B9C0BB;

  /* --- semânticas (sólido / fundo / texto) --- */
  --ok:#0F6327;        --ok-bg:#E3F3E7;        --ok-tx:#0F6327;
  --atencao:#B45309;   --atencao-bg:#FFF4D6;   --atencao-tx:#B45309;
  --problema:#B42318;  --problema-bg:#FDE8E6;  --problema-tx:#B42318;
  --info:#5B665F;      --info-bg:#E8ECE9;      --info-tx:#5B665F;

  /* --- tipografia: Archivo nos títulos (800) e em todo número (700, tabular); corpo na fonte do sistema. ZERO serifa. --- */
  --fonte-texto:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fonte-titulo:Archivo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --t-11:11px; --t-12:12px; --t-13:13px; --t-14:14px; --t-16:16px; --t-18:18px; --t-22:22px; --t-28:28px; --t-34:34px;

  /* --- espaço (base 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;

  /* --- raio --- */
  --r-s:10px; --r-m:14px; --r-g:18px; --r-xg:26px; --r-pill:99px;

  /* --- sombra --- */
  --sombra-leve:0 3px 12px rgba(5,39,14,.08);
  --sombra-media:0 4px 16px rgba(5,39,14,.08);
  --sombra-forte:0 10px 24px rgba(9,20,50,.42);
  --relevo:0 1px 0 rgba(255,255,255,.65) inset;

  /* --- movimento (durações e curvas oficiais) --- */
  --dur-toque:.12s;      /* resposta ao toque */
  --dur-media:.3s;       /* troca de estado */
  --dur-entrada:.45s;    /* elemento surgindo */
  --curva-entrada:cubic-bezier(.2,.7,.3,1);
  --curva-suave:ease-in-out;

  /* --- layout --- */
  --largura-app:520px; --altura-nav:84px; --toque-min:44px;
}