/* iô.io — fundo virou um CANVAS com pontinhos bem clarinhos (#F6F4F1) */
html {
  background-color: #F6F4F1 !important;
  background-image: radial-gradient(rgba(31, 23, 15, 0.045) 1.1px, transparent 1.1px) !important;
  background-size: 24px 24px !important;
  background-position: center center !important;
  background-attachment: fixed !important;
}

/* corpo transparente pra o canvas de pontinhos aparecer atrás dos cards */
body.bg-b-surface1 { background-color: transparent !important; }

/* painéis que usam surface1 (sidebar) viram o mesmo tom do canvas, sólidos */
.bg-b-surface1 { background-color: #F6F4F1 !important; }

/* tema escuro: mantém o canvas clarinho igual ao pedido */
:root[data-theme="dark"] html,
[data-theme="dark"] html {
  background-color: #F6F4F1 !important;
}