/* Colores por tarea. Los menús son discretos; las acciones diarias destacan dentro de Todo. */
:root {
  --icono-verde: #167044; --icono-turquesa: #087362; --icono-azul: #275fa0;
  --icono-ambar: #87520d; --icono-violeta: #72509b;
}
html[data-tema="oscuro"] {
  --icono-verde: #7ed8a0; --icono-turquesa: #69d4bd; --icono-azul: #91bded;
  --icono-ambar: #e9bc73; --icono-violeta: #c4a7e8;
}
:is(.pm-ic, .tf-icono, .eq-op-ic) { --tono-icono: var(--texto-2); }
:is(.pm-ic, .tf-icono, .eq-op-ic):has(> [data-tono="marca"]) { --tono-icono: var(--marca); }
:is(.pm-ic, .tf-icono, .eq-op-ic):has(> [data-tono="verde"]) { --tono-icono: var(--icono-verde); }
:is(.pm-ic, .tf-icono, .eq-op-ic):has(> [data-tono="turquesa"]) { --tono-icono: var(--icono-turquesa); }
:is(.pm-ic, .tf-icono, .eq-op-ic):has(> [data-tono="azul"]) { --tono-icono: var(--icono-azul); }
:is(.pm-ic, .tf-icono, .eq-op-ic):has(> [data-tono="ambar"]) { --tono-icono: var(--icono-ambar); }
:is(.pm-ic, .tf-icono, .eq-op-ic):has(> [data-tono="violeta"]) { --tono-icono: var(--icono-violeta); }
:is(.pm-ic, .tf-icono, .eq-op-ic):has(> [data-tono="peligro"]) { --tono-icono: var(--peligro); }
.pm-opcion .pm-ic, .tf-icono, .eq-opcion:not(.elegida) .eq-op-ic, .eq-accion .eq-op-ic {
  color: var(--tono-icono); background: color-mix(in srgb, var(--tono-icono) 10%, transparent);
}
.pm-opcion .pm-ic { width: 30px; height: 30px; border-radius: 9px; }
.menu-mas-lista .pm-txt strong { font-weight: 550; }
.todo-ficha { font-weight: 500; }
.tf-icono { width: 44px; height: 44px; border-radius: 13px; }
.tf-icono > .icono { transform: scale(.85); }
.todo-ficha[data-prioridad="principal"] { font-weight: 650; }
.todo-ficha[data-prioridad="principal"] .tf-icono {
  width: 52px; height: 52px; border-radius: 16px;
  background: color-mix(in srgb, var(--tono-icono) 17%, transparent);
}
.todo-ficha[data-prioridad="principal"] .tf-icono > .icono { transform: none; }
.eq-opcion.elegida .eq-op-ic { color: #fff; background: var(--marca-solida); }