/* =====================================================================
   TEMA · DuTrigo — tokens da marca, num lugar só.
   Consumido por painel.html, index.html, pedido.html e conta.html: mudar
   a cara da casa é editar AQUI (antes eram quatro edições iguais).
   Carrega ANTES do CSS de cada página — o que a página precisar desviar,
   ela sobrescreve no próprio :root, comentando o porquê.
   ===================================================================== */
:root{
  /* cores da casa */
  --dt-cream:#FAF6EF; --dt-paper:#FFFFFF; --dt-cream-deep:#F3ECDD;
  --dt-ink:#141210; --dt-brown:#3A2C1A; --dt-muted:#8A7C68;
  --dt-crust:#7A4A1E; --dt-crust-deep:#5C3614;
  --dt-wheat:#E8B04B; --dt-wheat-deep:#C8902F; --dt-wheat-soft:#FBEECB;
  --dt-line:#ECE3D3; --dt-line-deep:#DFD3BE;
  --dt-success:#3F9D6D; --dt-error:#C75B4A; --dt-warning:#C8902F;
  /* as páginas públicas nasceram chamando as mesmas cores por outros nomes */
  --dt-green:var(--dt-success); --dt-terra:var(--dt-error);
  /* estados (badges do painel e do design system) */
  --dt-state-sale-bg:#E4F3EB; --dt-state-sale-ink:#2E7D52;
  --dt-state-courtesy-bg:#EFE8DA; --dt-state-courtesy-ink:#8A7C68;
  --dt-state-alert-bg:#F7E4E0; --dt-state-alert-ink:#C75B4A;
  --dt-state-open-bg:#FBEECB; --dt-state-open-ink:#9A6B12;
  --dt-state-closed-bg:#EFE8DA; --dt-state-closed-ink:#8A7C68;
  --dt-state-done-bg:#E4F3EB; --dt-state-done-ink:#2E7D52;
  /* tipografia */
  --dt-font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --dt-font-ui:'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* raios e sombras */
  --dt-radius:10px; --dt-radius-input:var(--dt-radius);
  --dt-radius-card:14px; --dt-radius-card-lg:20px; --dt-radius-pill:22px;
  --dt-shadow-sm:0 1px 2px rgba(90,54,20,.08);
  --dt-shadow:0 1px 3px rgba(90,54,20,.08),0 6px 20px rgba(90,54,20,.06);
  --dt-shadow-lg:0 2px 6px rgba(90,54,20,.10),0 18px 44px rgba(90,54,20,.12);
  /* movimento e foco */
  --dt-ease:cubic-bezier(.22,.61,.36,1); --dt-dur-fast:200ms; --dt-dur:300ms;
  --dt-focus-ring:0 0 0 3px rgba(232,176,75,.35);
  /* grão do papel de fundo */
  --dt-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E");
}
/* base mínima comum — cada página mantém a sua por cima, com os extras dela */
*{box-sizing:border-box}
body{margin:0;background:var(--dt-cream);background-image:var(--dt-grain);color:var(--dt-brown);
  font-family:var(--dt-font-ui);-webkit-font-smoothing:antialiased}