/* A grade conserva seu layout e usa a paleta do Material (`--ui-*`) nos dois temas. */

:root,
[data-mm-theme="light"] {
  --grade-paper: var(--ui-body-bg);
  --grade-ink: var(--ui-body-color);
  --grade-mute: var(--ui-secondary-color);
  --grade-rule: var(--ui-border-color);
  --grade-cell: var(--ui-body-bg);
  --grade-hover: var(--ui-tertiary-bg);
  --grade-now: var(--ui-primary);
  /* A cor sobre a primária da paleta (no escuro do estilo Material, a primária é clara e o texto escuro). */
  --grade-now-ink: var(--mm-acao-sobre, #fff);
  --grade-logo: #fff;
  --grade-logo-inv: #1c1c1c;
  --grade-rail: var(--ui-secondary-bg);
}

[data-mm-theme="dark"] {
  --grade-logo: #1c1c1c;
  --grade-logo-inv: #1c1c1c;
}