/* DevMakers Blocks — fundação visual UI1 (tokens).
   Fonte central de cores, superfícies, textos, bordas, sombras, raios e
   espaçamentos. Carregado antes de editor.css (ver index.html).
   Categorias futuras (variables/outputs/sensors/motors/display/communication)
   possuem apenas tokens preparados; a toolbox NÃO as exibe ainda. */

:root {
  /* Marca */
  --dm-blue: #155bea;
  --dm-blue-dark: #1155df;
  --dm-action: #ffda54;
  --dm-action-shadow: #dfac26;
  --dm-ink: #243655;
  --dm-muted: #61718e;

  /* Superfícies */
  --dm-surface: #ffffff;
  --dm-surface-soft: #f5f7fc;
  --dm-page: #edf3fc;
  --dm-border: #dce5f3;

  /* Texto */
  --dm-text: #243655;
  --dm-text-muted: #61718e;
  --dm-text-inverse: #ffffff;

  /* Sombras */
  --dm-shadow-soft: 0 4px 18px #37548a08;
  --dm-shadow-top: 0 3px 14px #224f991a;

  /* Raios */
  --dm-radius-sm: 9px;
  --dm-radius-md: 12px;
  --dm-radius-lg: 18px;
  --dm-radius-pill: 20px;

  /* Espaçamentos relevantes */
  --dm-gap-xs: 6px;
  --dm-gap-sm: 10px;
  --dm-gap-md: 12px;
  --dm-gap-lg: 20px;

  /* Texto dos blocos no workspace (fundos vivos → tinta escura) */
  --dm-text-block: #101623;

  /* Categorias Blockly — background (cor do bloco) */
  --cat-start-bg: #f5a800;
  --cat-control-bg: #ff7a1a;
  --cat-logic-bg: #20b486;
  --cat-math-bg: #3b82f6;
  --cat-variables-bg: #c14a1f;
  --cat-board-bg: #8050cf;
  --cat-outputs-bg: #0891b2;
  --cat-sensors-bg: #c2437e;
  --cat-motors-bg: #b04a10;
  --cat-display-bg: #6a3fc0;
  --cat-communication-bg: #0b7d8c;

  /* Foreground oficial sobre cada background (WCAG >= 4.5:1, ver tests/ui-contrast.mjs) */
  --cat-start-fg: #101623;
  --cat-control-fg: #101623;
  --cat-logic-fg: #101623;
  --cat-math-fg: #101623;
  --cat-variables-fg: #ffffff;
  --cat-board-fg: #ffffff;
  --cat-outputs-fg: #101623;
  --cat-sensors-fg: #ffffff;
  --cat-motors-fg: #ffffff;
  --cat-display-fg: #ffffff;
  --cat-communication-fg: #ffffff;

  /* Tinta clara das linhas de categoria (fundo da row; texto escuro #2c3e58) */
  --cat-start-tint: #fff5cd;
  --cat-control-tint: #fff0e5;
  --cat-logic-tint: #e6f7ed;
  --cat-math-tint: #e9f1ff;
  --cat-variables-tint: #fdeee7;
  --cat-board-tint: #f1eaff;
  --cat-outputs-tint: #e6f4f9;
  --cat-sensors-tint: #fcebf2;
  --cat-motors-tint: #fdeedf;
  --cat-display-tint: #efe9fb;
  --cat-communication-tint: #e3f4f6;
}